HTML自查笔记——表单

HTML表单用于搜集用户的输入。广泛应用于用户注册登录、制作问卷中。

表单元素有：

一、表单域

form标签用于定义表单域。（其会将表单域内的表单元素信息提交给服务器）

form标签有常用属性：

1. action：指定接收并处理表单数据的服务器程序的url地址。
2. method：设置表单数据提交方式，get或post。
3. name：指定表单名称。

二、表单元素（表单控件）

表单元素是放在表单域中的标签元素。常用表单元素有：

 1、input标签：收集用户信息。其type属性用于指定不同控件类型。常用的控件类型有：

• button：按钮。
• checkbox：复选框。
• radio：单选按钮。
• file：定义输入字段和“浏览按钮”，供文件上传。
• image：图像形式提交按钮。
• password：密码字段。
• submit：提交按钮。
• reset：重置按钮。（清除表单中的所有数据）
• text：单行文本输入字段。

此外input标签还有以下几个属性：

name：定义input元素名称。（用于指定多个控件为同属一组）

value：规定input元素的值。

checked：规定此input元素首次加载时应被选中。（值为checked）（主要用于单选按钮和复选框）

maxlength：规定输入字符的最大长度。（值为正整数）

与input标签关联的标签——label标签：为input元素定义标注（标签）。（用于绑定一个表单元素, 当点击标签内的文本时，浏览器就会自动将焦点(光标)转到或者 选择对应的表单元素上，用来增加用户体验）

label标签通过for属性与相关元素的id属性关联。（两个属性必须相同）

2、select标签：定义多个选项的下拉列表。

select标签中使用option标签定义选项，在option中定义属性selected = “selected”时，指定当前项为默认选中项。

3、textarea标签：定义多行文本输入的控件。