表单标签：
在网页中为了收集用户资料，此时你就会用到表单。
在HTML中，一个完整的表单由表单域、表单控件和提示信息3个部分组成
1.表单域
表单域就是一个包含表单元素的区域。
在HTML标签中，<form>标签用于定义表单域，以实现用户信息的收集和传递。
<form>会把它范围内的表单元素信息提交给服务器。
<form action="url地址" method="提交方式" name="表单域的名称">
各种表单元素控件
</form>
| 属性 | 属性值 | 作用 |
|---|---|---|
| action | url地址 | 用于接收并处理表单数据的服务器程序的url地址。 |
| method | post/get | 用于设置表单数据的提交方式，取值为get或post |
| name | 名称 | 用于指定表单的名称，以区分同一页面中的多个表单域 （注意传值的时候，必须有name这个属性） |
2.表单控件（表单元素）
input单词是输入的意思，在表单元素中<input>标签用于收集用户信息。
在<input>标签中，有一个必须的属性type，根据不同的type属性值，输入的字段有多种形式
（文本字段、复选框、掩码后的文本控件（密码框），单选按钮、按钮等）
<input type="属性值" />
注意：
1.<input/>标签为单标签
2.type属性设置不同的属性值用来指定不同的控件类型
type 属性的属性值机器表述：
| type 属性值 | 作用 |
|---|---|
| button | 定义可点击按钮 |
| checkbox | 定义复选框 |
| file | 定义输入字段 和“浏览”按钮，供文件上传。 |
| hidden | 定义隐藏的输入字段 |
| image | 定义图像形式的密码框 |
| password | 定义密码字段 |
| radio | 定义单选按钮 |
| reset | 定义重置标签，重置按钮会清空表单所有数据 |
| submit | 定义提交按钮，会把表单数据发送给服务器 |
| text | 定义单行的输入字段，用户可以在其中输入文本，默认宽度为20个字符 |
注意：如果你要写表单，要先写表单域<form></form>;当然如果单用<input type="属性值" />的时候不用form。
<input>表单元素
除了type属性外，<input>标签还有其他很多属性
| 属性 | 属性值 | 表述 |
| name | 用户自定义 | 定义input 元素的名称，区分各个表单控件 |
| value | 用户自定义 | 规定input 元素的值,也就是文本框中经常出现的默认文本值 |
| checked | checked | 规定此input 元素首次加载时应用当被选中 |
| maxlength | 正整数 | 规定输入字段中的字符的最大长度 |
注意：1.name和value 是每个表单元素都有的属性值主要给后台人员使用。
2.name表单元素的名字，要求单选按钮和复选框要有相同的name值。
3.单选按钮和复选框可以设置checked属性，当页面打开的时候可以默认选中这个按钮
4.maxlength 是用户可以在表单元素输入的最大字符数，一般较少使用
5.点击了提交按钮，可以把表单域form里面的表单元素里面的值提交给后台服务器。
6.重置按钮可以还原表单元素初始的默认状态
单选按钮的应用：
radio是定义单选按钮：可以做到多选一
name是标签元素的名字，这里的性别必须用相同的名字name 才可以实现多选一；
性别：男<input type="radio" name="sex"> 女 <input type="radio" name="sex">
checkbox是复选框：
这里也需要name属性
爱好：吃饭<input type="checkbox" name="hobby"> 睡觉<input type="checkbox" name="hobby"> 打游戏 <input type="checkbox" name="hobby">
<label>标签
<label>标签用于绑定一个表单元素，当点击<label>标签内的文本时，浏览器就会自动将焦点（光标）转到或者选择对应的表单元素上来增加用户体验，
用法：
<label for="sex">男</lable>
<input type="radio" name="sex" id="sex" />
核心：<label>标签的for属性应当与相关元素的id属性相同。
2.select 下拉表单元素
使用场景：在页面中，如果有多个选项让用户选择，并且要节约页面空间时，我们可以使用<select>标签控件定义下拉列表
语法：<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
<option>选项4</option>
</select>
注意：1.<select>中至少包含一对<option>。
2.在<option>中定义selected="selected"时，当前项即为默认选中项。
3.textarea文本域元素（特大号文本框）
使用场景：当用户输入内容较多的情况下，我们就不能使用文本框表单了，此时我们可以使用<textarea>标签
在表单中,<textarea>标签可以定义多行文本输入的控件。
语法：
<textarea rows="3" cols="20">
文本内容
</textarea>文章来源：https://www.toymoban.com/news/detail-832672.html
1.cols="每行中的字符数" ，rows="显示的行数"，我们在实际开发中不会使用，都是用CSS来改变大小文章来源地址https://www.toymoban.com/news/detail-832672.html
到了这里，关于前端HTML基础：表单标签看这一篇就行了。的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
