[Back To Basic] HTML5 - Input Types

Input的屬性(attributes) - type

• text

單行文字

• password

密碼

• submit

送出表單資料的按鈕

附註: 如果"value"(按鈕上的文字)沒有給定，會有預設值

• reset

重設表單資料的按鈕，會將表單的值恢復到預設值

• radio

單選，同一群組的"name"要一致，每個選項的"value"要給定

• checkbox

可不選或多選，同一群組的"name"要一致，每個選項的"value"要給定

• button

按鈕

HTML5提供的type

附註: 如果舊的瀏覽器無法顯示，則顯示text

• color

顏色選擇器

• date

日期選擇，可搭配最大最小值設定

• max e.g. max="1979-12-31"
• min e.g.  min="2000-01-02"
• datetime-local

日期+時間選擇(無時區)

• email

e-mail，有些瀏覽器會自動驗證

• file

檔案選取、附加

• month

日期選擇(年月)

• number，可搭配最大最小值設定

數值

• max e.g. max="5"
• min e.g.  min="1"
• range，可搭配最大最小值設定

範圍，e.g. slider bar

• max e.g. max="5"
• min e.g.  min="1"
• search

搜尋欄位的功能跟單行文字(text)類似

• tel(目前只有safari支援)

電話號碼

• time

時間選擇(無時區)

• url

一般的url網址，有些瀏覽器會自動驗證

• week

可以選擇某年某周

source code