<input list='list_t' type="text" name='user' placeholder='請輸入姓名' value="" />
<datalist id='list_t'>
<option>這是值1</option>
<option>這是值1</option>
<option>這是值1</option>
<option>這是值1</option>
</datalist>
<input name="userName" required pattern="\d{3}" type="text"/>
pattern屬性的值一般為正則表達式，當用戶輸入的內容符合一定的格式，那么才能提交，否則將提示用戶不符合要求，如上所示必須輸入3位數字。
required屬性可以用用在大多數的輸入元素上（除了隱藏元素、圖片元素按鈕上等）。
required屬性表示此輸入框是必填項，當提交的時候，如果此輸入框為空，那么將提示用戶輸入后提交。
<input type="color"/>
color類型的input元素用來取色，它提供了一個顏色的取色器。
<input type="range"/>
此輸入框是一種只允許輸入某一段范圍內數值的文本框，它同樣也具有四個屬性，分別是：min、max、step和value，默認的取值范圍為0-100。
min：此輸入框的最小值
max：此輸入框的最大值
step：當點擊上下箭頭數值一次跳幾個
value：表示此輸入框的默認值
<input type="number"/>
此輸入框是一種專門用來輸入數字的文本框，並且在提交的時候會驗證內容是否為數字，它具有四個屬性，分別是：min、max、step和value。
min：此輸入框的最小值
max：此輸入框的最大值
step：當點擊上下箭頭數值一次跳幾個
value：表示此輸入框的默認值
屬性值:
| 值 | 描述 |
| button | 定義可點擊的按鈕（通常與javascript一起使用來啟動腳本）。 |
| checkbox | 定義復選框。 |
| color（HTML5） | 定義拾色器。 |
| date（HTML5） | 定義date控件（包括年、月、日，不包括時間）。 |
| datetime（HTML5） | 定義date和time控件（包括年、月、日、時、分、秒、幾分之一秒，基於UTC時區）。 |
| datetime-local（HTML5） | 定義date和time控件（包括年、月、日、時、分、秒、幾分之一秒，不帶時區）。 |
| email（HTML5） | 定義用於e-mail地址的字段。 |
| file | 定義文件選擇字段和 "瀏覽..." 按鈕，供文件上傳。 |
| image | 定義圖像作為提交按鈕。 |
| month（HTML5） | 定義month和year控件（不帶時區）。 |
| number（HTML5） | 定義用於輸入數字的字段。 |
| password | 定義密碼字段（字段中的字符會被遮蔽）。 |
| radio | 定義單選按鈕。 |
| range（HTML5） | 定義用於精確值不重要的輸入數字的控件（比如 slider 控件）。 |
| reset | 定義重置按鈕（重置所有的表單值為默認值）。 |
| search（HTML5） | 定義用於輸入搜索字符串的文本字段。 |
| submit | 定義提交按鈕。 |
| tel（HTML5） | 定義用於輸入電話號碼的字段。 |
| text | 默認。定義一個單行的文本字段（默認寬度為 20 個字符）。 |
| time（HTML5） | 定義用於輸入時間的控件（不帶時區）。 |
| url（HTML5） | 定義用於輸入 URL 的字段。 |
| week（HTML5） | 定義 week 和 year 控件（不帶時區）。 |