前端复习 Seventh Day 表单标签

1、表单简介

在HTML中，一个表单，通常由表单控件（表单元素）、提示信息和表单域三个部分构成

表单控件：包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等

提示信息：一个表单通常还需要包括一些说明性的文字，提示用户进行填写和操作

表单域：相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。

---

2、input控件（也叫文件域，更多控件看网页LF07.1）
input标签为单标签，type属性为其最基本的属性，其取值有多种方法，用于指定不同的控件类型。

用户名：

密码：

value：默认文本值，文本值是默认在文本输入框中的

password：type工具中加入password这样会使密码不显示

button：代表按钮

maxlength：设置输入文本的最大长度

---

3、lable标签
lable标签为input元素定义标注
作用：用于绑定一个表单元素，当点击lable标签的时候，被绑定的表单元素就会获得输入焦点
（1）用lable直接包裹input就可以了
（2）如果lable里面有多个表单，想定位到某个，可以直接通过for id的格式来进行

请输入密码

当你点击输入密码的时候，会直接跳到第二个文本框

---

4、textarea控件（文本域）

如果需要输入大量的信息，就可以用到该标签，通过该标签可以创建多行的文本框

留言版：

请留言：

---

5、下拉菜单（select）

	<select>
		<option>选项一</option>
		<option>选项二</option>
		<option>选项三</option>
	</select>

注意：
（1） 中必须包含一对

（2）在option中定义select="selected"时，当前认定为默认选中项，即显示在最上面的是你选中的文本项

选项三

---

6、表单域（form）
文本域：textarea是用来留言的
文件域：input type="file" 上传文件的
表单域：form用来收集表单控件信息，并且提交的

常用属性：

（1）action：在表单收集完信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的url地址

（2）method用于设置表单数据的提交方式，其取值为get或者post

（3）name用于指定表单的名称，以区分同一个页面中的多个表单