HTML表单简介

HTML表单

表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 来设置
多数情况下被用到的表单标签是输入标签（）。

输入类型是由类型属性（type）定义的。

文本域（Text Fields）

文本域通过 标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。

什么是表单

作用：用于收集用户信息，进行人机互交的操作
包含元素：文本框，单选，复选，隐藏域，列表框，图片框…等统一称作：控件。
人机互交：
简介：收集数据之后，将数据传递给后台，后台处理完 再次返回响应到前台的过程:人机互交。
表单控件的常用属性：
name：指定控件的名称，可以重复–给后台获取数据用
id：指定标签唯一识别（类似身份证）
value：输入的控件的值（收集，设置）–用于传递到后台使用
checked:复选框（单选）默认被选中的项目
selected：列表框默认被选中的项目
src：图片框的图片来源
onclick：鼠标的点击事件–Javascript脚本的事情
disabled：禁用该控件–（abled可用）
multiple：允许多选（适用于普通列表框、文件上传）

action

1.post：表示隐式的提交，对安全信息保护的比较好
2.get：表示显示的提交，对信息的保护不是特别好，会将数据显示在url地址上。
label
1.此标签可以放置纯文本，专门用于显示文字使用的，和不加此标签效果一致。
2.后期可以对此文本进行css样式的设置

radio的name属性

1.name是一样的话，会被认为是一组单选框，意味着只能选中一个。
2.name值不一样，表示他们不是一组，可以被多选
按钮解析
1.button普通按钮会和后面的JavaScript联动使用
2.submit是具有提交的功能

表单的其他控件

1.普通列表框（非下拉列表框）
2.隐藏域–虽然是隐藏的，但是主要作为前台不方便被别人看到，但是需要传递到后台的数据。
3.上传控件–选择文件和后台脚本联动上传
4.多行文本域–用于论坛发帖，长文档的输入。

拓张

分组下拉菜单–optgroup