表单标签
input系列标签
| 标签名 | type属性值 | 说明 |
| input | text | 文本框，用于输入单行文本 |
| input | password | 密码框，用于输入密码 |
| input | radio | 单选框，用于多选一 |
| input | checkbox | 多选框，用于多选多 |
| input | file | 文件选择，用于之后上传文件、 |
| input | submit | 提交按钮，用于提交 |
| input | reset | 重置按钮，用于重置 |
| input | button | 普通按钮，默认无功能，之后配合js添加功能 |
<body>
文本框：<input type="text">
密码框：<input type="password">
单选框: <input type="radio">
多选框: <input type="checkbox">
上传文件：<input type="file">
</body>
单选框
| 属性名 | 说明 |
| name | 分组，有相同name属性值单选框为一组，一组中同时只能一个被选中 |
| checked | 默认选中 |
性别：<input type="radio name=sex">男
<input type="radio name=sex checked">女
multiple 多文件选择
用于同时上传多个文件
<input type="file" mutiple>
input按钮
| 标签名 | type属性值 | 说明 |
| input | submit | 提交按钮，点击之后提交数据给后端服务器 |
| input | reset | 重置按钮，点击之后恢复表单默认值 |
| input | button | 普通按钮，默认无功能，之后配合js添加功能 |
如果需要实现以上功能，需要配合form标签使用
form使用方法： 用form标签把表单标签一起包裹起来
value 给按钮添加提示文字
<body>
<form action="提交的地址">
<nput type="submit" value="">
<input type="reset" value="">
<nput type="buttont" value="按钮的提示文字">
</body>
button按钮
| 标签名 | type属性值 | 说明 |
| button | submit | 提交按钮，点击之后提交数据给后端服务器 |
| button | reset | 重置按钮，点击之后恢复表单默认值 |
| button | button | 普通按钮，默认无功能，之后配合js添加功能 |
谷歌浏览器中button默认是 提交按钮
button标签是双标签，更便于包裹其他内容
<botton>按钮</botton>
<button type="submit"> 提交按钮</body>
<botton type="reset">重置按钮</botton>
<botton type="botton">普通按钮</botton>
select下拉菜单
select标签：下拉菜单的整体
option标签：下拉菜单的每一项
selected 下拉菜单的默认选中项
<select>
<option> 选项1</option>
<option>选项2</option>
<option selected>选项3</option>
</select>
textarea 文本域标签
使用场景：在网页中提供可输入多行文本的表单控件
cols：规定了文本域的可见宽度
rows：规定了文本域的可见行数
<textarea cols="数值" rows="数值"></textarea>
label标签
使用场景：常用绑定内容与表单标签的关系 (点击按钮或文本都能选中)
使用方法一：
使用label标签把内容包裹起来
在表单标签上添加id属性
在label标签的for属性中设置对应的id属性值
eg:
使用方法二：
直接使用label标签把内容和表单标签一起包裹起来
需要把label标签中的for属性删除即可
eg: