1.復選框（Checkboxs）
<input type="checkbox"> 定義了復選框. 用戶需要從若干給定的選擇中選取一個或若干選項。
代碼如下：
<form method="post"> 愛好：<input type="checkbox" name="love" value="1">爬山 <input type="checkbox" name="love" value="2">游泳 <input type="checkbox" name="love" value="3">籃球 </form>
2.拾色器（color）
color 類型用在input字段主要用於選取顏色。
代碼如下：
選擇你喜歡的顏色: <input type="color" name="color">
3.date(帶有calender控件)
date 類型允許你從一個日期選擇器選擇一個日期,定義一個時間控制器。
代碼如下：
生日: <input type="date" name="bday">
4.datetime
datetime 類型允許你選擇一個日期（UTC 時間）,定義一個日期和時間控制器（本地時間）。
代碼如下：
生日 (日期和時間): <input type="datetime" name="bdaytime">
5.datetime-local
datetime-local 類型允許你選擇一個日期和時間 (無時區)，定義一個日期和時間 (無時區)。
生日 (日期和時間): <input type="datetime-local" name="bdaytime">
6.month
month 類型允許你選擇一個月份，定義月與年 (無時區)。
代碼入下：
生日 (月和年): <input type="month" name="bdaymonth">
7.week
week 類型允許你選擇周和年，定義周和年 (無時區)。
選擇周: <input type="week" name="week_year">
8.time
time 類型允許你選擇一個時間，定義可輸入時間控制器（無時區）。
代碼如下：
選擇時間: <input type="time" name="usr_time">
9.email
email 類型用於應該包含 e-mail 地址的輸入域，在提交表單時，會自動驗證 email 域的值是否合法有效。
代碼入下：
<form action=""> <input type="email" name=“email”> <input type="submit" value="提交"> </form>
10.file
file 定義文件選擇字段和 "瀏覽..." 按鈕，供文件上傳。
代碼如下：
頭像： <input type="file" name="timg">
11.輸入類型：hidden
hidden 定義隱藏字段，隱藏字段對於用戶是不可見的。隱藏字段常常存儲默認值，或者由 JavaScript 改變它們的值。
代碼入下：
<input type="hidden" name="city" value="hz">
12.輸入類型：image
image 定義圖像作為提交按鈕。
代碼如下：
<input type="image" src="...jpg" name="img">
13.輸入類型：number
number 定義用於輸入數字的字段（您可以設置可接受數字的限制）
代碼如下：
數字（1-5）<input type="number" name="quantity" min="1" max="5" > 數字（規定數字間隔為0.1）<input type="number" name="quantity" min="1" max="5" step="0.1">
- max - 規定允許的最大值。
- min - 規定允許的最小值。
- step - 規定合法數字間隔。
- value - 規定默認值
14.輸入類型：password
password 定義密碼字段（密碼字段中的字符會被遮蔽）。
代碼如下：
密碼：<input type="password" name="password">
15.輸入類型：radio
radio 允許用戶在一定數量的選擇中選取一個選項.
代碼如下：
性別：<input type="radio" name="gender" value="1">男 <input type="radio" name="gender" value="2">女
16.輸入類型：range
range 定義用於精確值不重要的輸入數字的控件（比如 slider 控件）。您也可以設置可接受數字的限制.
代碼如下：
<input type="range" name="points" min="1" max="10">
- max - 規定允許的最大值。
- min - 規定允許的最小值。
- step - 規定合法數字間隔。
- value - 規定默認值
17.輸入類型：reset
reset 定義重置按鈕（重置所有表單值為默認值）。
代碼如下：
<input type="reset" name="res" value="重置按鈕">
18.輸入類型：search
search 定義搜索字段（比如站內搜索或谷歌搜索等）。
代碼如下：
搜索<input type="search" name="sea">
19.輸入類型：submit
submit 定義提交按鈕。
代碼入下：
<input type="submit" name="sub" value="提交">
20.輸入類型：tel（- -！表示很少瀏覽器兼容）
tel 定義用於輸入電話號碼的字段。
代碼入下：
電話: <input type="tel" name="usrtel">
21.輸入類型：text
text 定義但行文本輸入框。
代碼如下：
用戶名：<input type="text" name="username">
22.輸入類型：url
url 定義用於輸入 URL 的字段。
代碼入下：
Add your homepage: <input type="url" name="homepage">
提示：iPhone 的 Safari 瀏覽器會識別 url 輸入類型，然后改變觸摸屏的鍵盤來適應它（添加 .com 選項）。
擴展：有用的表單屬性：
1.使用autofocus操作焦點。
代碼入下：
用戶名：<input type="text" name="username" autofocus>
2.為文本使用placeholder占位符
代碼如下：
密碼：<input type="password" name="password" placeholder="請輸入密碼">
3.<input>新屬性：
<input>新屬性：
- autocomplete
- autofocus
- form
- formaction
- formenctype
- formmethod
- formnovalidate
- formtarget
- height and width
- list
- min and max
- multiple
- pattern (regexp)
- placeholder
- required
- step
詳細手冊鏈接：http://www.runoob.com/html/html5-form-attributes.html