標籤

HTML5 中的新屬性。

屬性	值	描述
accept	mime_type	規定經過文件上傳來提交的文件的類型。
align	left right top middle bottom	不同意使用。規定圖像輸入的對齊方式。
alt	text	定義圖像輸入的替代文本。
autocomplete	on off	規定是否使用輸入字段的自動完成功能。
autofocus	autofocus	規定輸入字段在頁面加載時是否得到焦點。 （不適用於 type="hidden"）
checked	checked	規定此 input 元素首次加載時應當被選中。
disabled	disabled	當 input 元素加載時禁用此元素。
form	formname	規定輸入字段所屬的一個或多個表單。
formaction	URL	覆蓋表單的 action 屬性。 （適用於 type="submit" 和 type="image"）
formenctype	見註釋	覆蓋表單的 enctype 屬性。 （適用於 type="submit" 和 type="image"）
formmethod	get post	覆蓋表單的 method 屬性。 （適用於 type="submit" 和 type="image"）
formnovalidate	formnovalidate	覆蓋表單的 novalidate 屬性。 若是使用該屬性，則提交表單時不進行驗證。
formtarget	_blank _self _parent _top framename	覆蓋表單的 target 屬性。 （適用於 type="submit" 和 type="image"）
height	pixels %	定義 input 字段的高度。（適用於 type="image"）
list	datalist-id	引用包含輸入字段的預約義選項的 datalist 。
max	number date	規定輸入字段的最大值。 請與 "min" 屬性配合使用，來建立合法值的範圍。
maxlength	number	規定輸入字段中的字符的最大長度。
min	number date	規定輸入字段的最小值。 請與 "max" 屬性配合使用，來建立合法值的範圍。
multiple	multiple	若是使用該屬性，則容許一個以上的值。
name	field_name	定義 input 元素的名稱。
pattern	regexp_pattern	規定輸入字段的值的模式或格式。 例如 pattern="[0-9]" 表示輸入值必須是 0 與 9 之間的數字。
placeholder	text	規定幫助用戶填寫輸入字段的提示。
readonly	readonly	規定輸入字段爲只讀。
required	required	指示輸入字段的值是必需的。
size	number_of_char	定義輸入字段的寬度。
src	URL	定義以提交按鈕形式顯示的圖像的 URL。
step	number	規定輸入字的的合法數字間隔。
type	button checkbox file hidden image password radio reset submit text	規定 input 元素的類型。
value	value	規定 input 元素的值。
width	pixels %	定義 input 字段的寬度。（適用於 type="image"）

新增的type類型：

HTML5中，除了通常的text，button等一些基本的input類型以外，還增長了新的Input類型，擁有多個新的表單輸入類型，能夠達到更好的控制和驗證。

• 網址：<input type="url" name="url"/><br/>
• 郵箱：<input type="email" name="email"/><br/>
• 年月日的日期空間：<input type="date" name="date"/><br/>
• 時分：<input type="time" name="time"/><br/>
• 年月日時分：<input type="datetime-local"/><br/>
• 年月： <input type="month" name="month"/><br/>
• 周: <input type="week" name="week"/><br/>
• 數字: <input type="number" name="number"/><br/>
• 顏色: <input type="color" name="color"/><br/>
• 區域: <input type="range" name="range"/><br/>

　　　　

• 搜索：<input type="search" name="search"/><br/>

 

• pattern 爲正則驗證屬性
• title 爲提醒：
• min：爲最小數字
• max：爲最大數字
• step：爲輸入數字合法間隔，默認爲1

 

datalist標籤：

散焦時：

聚焦時：