表单的使用<form></form>标签创建
文本:text
<form action="http://www.baidu"> First name:<input type="text" name="firstname"/><br> last name :<input type="text" name="lastname"> </form>
密码:password
<form action="http://www.baidu"> 姓名:<input type="text" name="firstname"/><br> 密码:<input type="password" name="pwd"> </form>
单选按钮:radio
<form action="http://www.baidu"> <input type="radio" name="sex" value="male" />male<br> <!--两个name相同为单选,不同属于不同一组--> <input type="radio" name="sex" value="female">Female </form>
复选框checkbox
<form action=""> <input type="checkbox" name="vehicle" value="Bike">I have a bike<br> <input type="checkbox" name="vehicle" value="Car">I have a car </form>
提交按钮:submit
重置按钮:reset
<form action=""> 姓名:<input type="text" name="name"/><br> 密码:<input type="password" name="pwd"><br> <input type="submit" value="提交" /> <input type="reset" value="重置"> </form>
选择文件:file
<form action=""> <input type="file" name="file" value="上传文件" /> </form>
下拉列表:select&option
<form action=""> <select> <option value="A">北京</option> <!--预选采用selected--> <option value="B">广东</option> </select> </form>
文本域:textarea
<form action=""> <textarea rows="10" cols="30" placeholder="请输入内容:"> </textarea> </form>
创建按钮:button
<form action=""> <input type="button" name="button" value="hello world"/> </form>
选择颜色:color
<input type="color" name="color" value="颜色"/>
可以点击选择颜色
日期选框:date
<input type="date" value="calendar" name="date" />
生日(日期和时间):datetime（带有时区）
<form action=""> 生日(日期和时间)<input type="datetime" name="datetime" datetime /> </form>
不带时区的(时间和日期)：datetime-local
<form action=""> 生日(日期和时间)<input type="datetime-local" name="datetime" datetime /> </form>
电子邮件:email
<form action=""> E-mail: <input type="email" name="usremail"> </form>
定义图像作为提交按钮：image
<input type="image" src="img_submit.gif" alt="Submit">
将点击的坐标发送给服务器
定义 month 和 year 控件（不带时区）：month
生日 ( 月和年 ): <input type="month" name="bdaymonth">
义用于输入数字的字段（您可以设置可接受数字的限制）：number
数量 ( 1 到 5 之间): <input type="number" name="quantity" min="1" max="5">
定义用于精确值不重要的输入数字的控件（比如 slider 控件）。您也可以设置可接受数字的限制：range
<input type="range" name="points" min="1" max="10" step="5">
定义搜索字段（比如站内搜索或谷歌搜索等）：search
Search Google: <input type="search" name="googlesearch">
定义用于输入电话号码的字段：tel
<form action=""> 电话号码: <input type="tel" name="usrtel"> </form>
定义用于输入时间的控件（不带时区）：time
选择时间: <input type="time" name="usr_time">
定义用于输入 URL 的字段：url
<form action=""> 添加你的主页: <input type="url" name="homepage"> </form>
定义 week 和 year 控件（不带时区）：week
<form action=""> 选择周: <input type="week" name="week_year"> </form>
E-mail: <input type="email" name="usremail">
原文：https://www.cnblogs.com/Crown-V/p/12263464.html