三、表单标签（掌握）
㈠、表单
⑴作用：①为了搜集用户信息；
②在我们网页中，和用户进行交互的时候，搜集用户资料。
⑵构成：在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成。
①表单控件：包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等；
②提示信息：一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作；
③表单域：相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过它定义处理表单数据所用程序的url地址，
以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。
㈡、input 控件（重点）⭕
1、语法：
<input type="属性值" value="你好">
①input 是输入的意思；
②<input/>标签是单标签；
③type属性设置不同的属性值用来指定不同的控件类型；
④除了type属性还有别的属性。
2、常用属性： （radio虽为单选按钮，但需加上name才能实现真正的单选，不加的话为多选）
属性 | 属性值 | 描述 |
| text | 单行文本输入框 |
| password | 密码输入框 |
| radio | 单选按钮 |
| checkbox | 复选框 |
type | button | 普通按钮 |
| submit | 提交按钮 |
| reset | 重置按钮 |
| image | 图像形式的提交按钮 |
| file | 文件域 |
属性 | 属性值 | 描述 |
name | 由用户自定义 | 控件的名称 |
value | 由用户自定义 | input控件中的默认文本值 |
size | 正整数 | input控件在页面中的显示宽度 |
checked | checked | 定义选择控件默认被选中的项 |
maxlength | 正整数 | 控件允许输入的最多字符数 |
⑴type属性（表单类型）
①这个属性通过改变值，可以决定你属于哪种 input 表单；
② type="text" 就表示文本框可以做用户名、昵称等；
用户名：<input type="text"/>
③type="password" 就是表示密码框，用户输入的内容是不可见的；
密码：<input type="password"/>
⑵value属性（文本值）
①value 默认的文本值，有些表单想打开页面就默认显示几个字，就可以通过这个value来设置；
② 用户名：<input type="text" value="请输入用户名"/>
⑶name属性（表单名字）（现在用的较少，学ajax和后台时是必需的）
①name表单的名字，后台可以通过这个name属性找到这个表单。页面中的表单很多，name主要作用就是用于区别不同的表单；
②name 属性后面的值，是我们自己定义的；
③radio 如果是一组，那我们必需给它们命名相同的名字 name，这样就可以多个选其中的一个啦。
④例子： <input type="radio" name="sex"/>男
<input type="radio" name="sex"/>女⑷checked属性（默认选中）
①表示默认选中状态，较常见于单选按钮和复选按钮；
②默认选中了 男 这个选项：
如：<input type="radio" name="sex" value="男" checked="checked"/> 男
<input type="radio" name="sex" value="女" /> 女㈢ label标签（理解）
1、目标：label 标签主要目的是为了提高用户体验，为用户提供最优秀的服务。
2、概念：label 标签为 input 元素定义标注（标签）。
3、作用：用于绑定一个表单元素，当点击 label 标签的时候，被绑定的单元元素就会获得输入焦点。
即，当我们鼠标点击label标签里面的文字时，光标会定位到指定的表单里面。
4、绑定元素的方法：
⑴方法一：用 label 直接包括 input 表单（适合单个表单选择）
如：<label> 用户名：<input type="radio" value="请输入用户名" name="username"/> </label>
⑵方法二：for 属性规定 label 与哪个表单属性绑定
如：<label for="sex">男</label>
<input type="radio" name="sex" id="sex">㈣ textarea控件（文本域）
1、语法：<textarea cols="每行中的字符数" rows="显示的行数">
文本内容
</textarea>
2、作用：通过 textarea 控件可以轻松地创建多行文本输入框。
3、注意： cols="每行中的字符数" rows="显示的行数"，我们实际开发不用。
4、文本框和文本域的区别：
表单 | 名称 | 区别 | 默认值显示 | 用于场景 |
input type="text" | 文本框 | 只能显示一行文本 | 单标签，通过value显示默认值 | 用户名、昵称、密码等 |
textarea | 文本域 | 可以显示多行文本 | 双标签，默认值写到标签里 | 留言板 |
㈤ select下拉列表
1、目的：如果有多个选项让用户选择，为了节约空间，我们可以使用select控件定义下拉列表。
2、语法：<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
…
</select>3、注意：①<select></select>中至少包含一对<option></option>；
②在option中定义selected=“selected”时，当前项即为默认选中项。
③但是实际开发中用的比较少
四、form表单域
1、作用：通过form表单域可以将收集的用户信息传递给服务器。
2、目的：在HTML中，form标签被用于定义表单域，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。
3、语法：<form action="url地址" method="提交方式" name="表单名称">
各种表单控件
</form>
4、常用属性
属性 | 属性值 | 作用 |
action | url地址 | 用于指定接受并处理表单数据的服务器程序的url地址 |
method | get/post | 用于设置表单数据的提交方式，其取值为get或post |
name | 名称 | 用于指定表单的名称，以区分同一个页面中的多个表单 |
