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

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="checkbox"/>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="文本域"       未输入之间的默认信息