表单标签有哪些？分别做什么？

表单标签有哪些？分别做什么？表单用于搜集不同类型的用户输入，然后把用户数据提交到服务器后台，表单开发中用到了很多标签，如<form>标签 、<label>标签、<input>、<textarea> 标签、<select> 标签等，接下来我们一起来学习下。

表单标签学习目标：掌握表单中常用的表单元素标签及使用方法。

一、什么是表单？

表单用于搜集不同类型的用户输入(用户输入的数据)，然后可以把用户数据提交到web服务器。

二、表单相关标签的使用

1. <form> 标签 表示表单标签，定义整体的表单区域

2. <label> 标签 表示表单元素的文字标注标签，定义文字标注

3. <input> 标签 表示表单元素的用户输入标签，定义不同类型的用户输入数据方式

type属性◾type="text" 定义单行文本输入框

◾type="password" 定义密码输入框

◾type="radio" 定义单选框

◾type="checkbox" 定义复选框

◾type="file" 定义上传文件

◾type="submit" 定义提交按钮

◾type="reset" 定义重置按钮

◾type="button" 定义一个普通按钮

4. <textarea> 标签 表示表单元素的多行文本输入框标签 定义多行文本输入框

5. <select> 标签 表示表单元素的下拉列表标签 定义下拉列表

6. <option> 标签 与 <select> 标签配合，定义下拉列表中的选项

代码示例：

表单总结：表单标签是 <form> 标签，常用的表单元素标签有:  <label> 、 <input> 、  <textarea> 、 <select>  等标签。