HTML5表单标签都有哪些该如何使用

HTML（超文本标记语言）是用于在Internet上显示Web页面的主要标记语言。网页由HTML组成，用于通过Web浏览器显示文本，图像或其他资源。HTML文件的文件扩展名为.htm或.html，目前主流的是HTML5。 在使用HTML过程中，难免需要系统和用户进行交互，而这种交互有一种基本的方式就是通过表单。对于表单来说，它有哪些常用的标签呢？该如何使用呢？下面小编就简单给大家进行分享！ 注意：所有便签都要写在<form> </form>之间

工具/原料

HTML

HBuilder工具（方便开发使用，不用也可以）

输入框

1、文本输入框： <input type="text" name="name" placeholder="文本输入框"/> type="text" 说明是文本框 name="name" 为文本框起一个名字，方便后边用 placeholder="文本输入框" 未输入之前的提示信息

2、密码输入框： <input type="password" name="name" placeholder="密码输入框"/> type="password" 说明是密码输入框 name="password" 为密码框起一个名字，方便后边用 placeholder="密码输入框" 未输入之前的提示信息

3、单选框： 单选框：<input type="radio" name="sex"/>男 <input type="radio" name="sex"/>女 type="radio" 说明是单选输入框 name="sex" 为单选框起一个名字，方便后边用 注：几个单选为一组时，name必须相同

4、文件上传框： 上传文件：<input type="file" name="file"/> type="file" 说明是文件上传框 name="file" 为文件上传框起一个名字，方便后边用

5、按钮框： 普通按鸵晚簧柢钮： <input type="button" name="button" value="普通按钮"稆糨孝汶;/> 提交按钮： <input type="submit" name="button2" value="提交"/> 清空按钮： <input type="reset" name="button3" value="清空"/> type="button" 普通按钮，没功能 type="submit" 提交按钮 ，可以提交表单数据 type="reset" 清空按钮，点击清空表单已输入数据 name="button" 为按钮起一个名字，方便后边用 value="清空" 在按钮上显示的信息

6、复选框： <input type="checkbox" name="checkbo旌忭檀挢x"/>JAVA <input type="checkbox" name="checkbox2"/>Android <input type="checkbox" name="checkbox3"/>C# type="checkbox" 说明是多选框 name="button" 为多选框起一个名字，方便后边用

7、日期输入框： 日期输入框：<input type="date" name="date"/> type="date" 说明是日期输入框 name="date" 为日期框起一个名字，方便后边用

下拉框

1、下拉框： <select> <option value="河南">河南</option> <option value="北京">北京</option> <option value="上海">上海</option> <option value="深圳">深圳</option> <option value="广州">广州</option> </select>value 决定选择后的值

文本域

1、文本域：<textarea cols="50" rows="10" placeholder="文本域"></textarea>cols：设定宽rows：设置高placeholder="文本域" 未输入之间的默认信息