HTML5API表单,第六章HTML表单API（上）

HTML表单主要用于收集用户输入或选择的数据，作为参数提交给远程服务器，提供了一些交互控件。

6.1.1表单标签

定义表单框架

五个属性：aciton、method、name、cnctype、target

action="URL"

6.2 标签

6.2.1单行文本框text

6.2.2密码框password

6.2.3单选按钮radio

多个单选按钮可以组合在一起使用，为它们添加相同的name属性值即可表示这些单选按钮属于一个组

男 //属性值checked默认选中

女

6.2.4复选框checkbox

多个单选按钮可以组合在一起使用，为它们添加相同的name属性值即可表示这些单选按钮属于一个组

提交按钮submit

重置按钮reset

无动作标签button

该按钮被点击后无任何效果，需要和脚本配合使用，可以为其添加onclick事件，当点击该按钮时触发事件并执行指定的JavaScript代码

如果要执行的JavaScript代码多，也可以在onclick事件中调用JavaScript函数名称，例如上述代码可改为

function test(){

alter( ' hello html ' );

}

6.2.5 图片提交按钮image

6.2.6提交文件

< input type="file" name="自定义名称" />

6.3标记标签

效果与普通文本一致，可以在被点击时为对应的表单控件生成焦点

姓名

或者将内容和控件放在之间

6.4 多行文本标签

6.5 列表标签

multiple属性会使 元素显示样式从默认下拉菜单变成列表框，并允许同时选中多个选项

最常用的做法是元素配合若干个使用，形成简易的的下拉菜单

6.6按钮标签

6.7域标签

和域标题标签

域标签

将表单中多个元素分组显示

域标题标签为每个分组显示独立的标题