XHTML表单.ppt

第三章XHTML表单 回顾 目标 理解表单 表单的作用 在网页上提供一个图形用户界面 以采集和提交用户输入的数据 创建表单 HTML表单元素和属性可以分为两种类型 定义表单整体结构 使浏览器知道如何处理表单数据的元素 创建输入控件的元素 基本表单结构用form标记创建表单form标记对内包括表单元素和其它XHTML元素 最小的表单格式 表单数据被发送到哪里 控制数据是如何发送到处理程序的 HTTPGET与HTTPPOST HTTPGET协议HTTPGET协议将数据与实际的URL文本附加在一起HTTPPOST协议HTTPPOST方法将数据在HTTP数据流中编码发送较为安全的传递数据的方法 标记的其它属性 Accept 可以接受的内容列表accept charset 字符集列表Enctype 编码类型Name和id 表单名称和Id 基本表单结构示例 创建基本表单结构示例 表单输入控件 用来创建HTML输入控件的元素有三种 input TypeTextPasswordHideButtonSubmitResetImageFileRadiocheckboxselect和option 创建一个下拉列表 textarea 多行输入的文本框 文本框 type text 属性sizemaxlengthvalue 姓名 口令输入框 type password 属性sizemaxlengthvalue 姓名口令 单选按钮 type radio 属性namecheckedvalue 你的性别男女 复选框 type checkbox 属性namecheckedvalue 请选择你想要去旅游的城市上海成都西安 隐藏字段 type hidden 属性namecheckedvalue 姓 名 口令 文件上传控件 type file form表单属性enctype enctype method post 请以Word文档格式提供您的简历 下拉列表2 select和option标记select的属性multiple multiple sizeoption的属性selected selected value 您最喜欢的餐饮风格是 川菜粤菜北方菜上海菜西餐泰国菜 多行文本框 textarea标记属性cols和rows设置初始值 请在此输入文本 提交和重置按钮 type submit type reset 属性value 您最喜欢的餐饮风格是 川菜粤菜西餐泰国菜 图片提交和重置按钮 type image 属性value submit value reset alt 您最喜欢的餐饮风格是 川菜粤菜北方菜上海菜西餐泰国菜 命令按钮 type button 属性value 您最喜欢的餐饮风格是 川菜粤菜北方菜上海菜泰国菜 其它表单元素和属性 辅助的元素和属性Labelfieldset和legend元素Tab次序和键盘快捷键防止改变字段内容 label元素 属性for FirstName fieldset和legend元素 性别男女 防止改变字段内容 在文本框增加一个readonly属性 可以防止修改文本框中的数据disabled属性可以使输入控件不可用二者区别