MOBILE HTML5學習手冊

HTML5 Web 表單

|

85

<input> 的屬性（及其他表單元素）

在深入探討舊與新的輸入類型之前，你應該先瞭解

<input>

元素的新與舊屬性。

type 屬性

我們剛才提過唯一必要的輸入屬性：

type

屬性。雖然它是必要的，但如果你將它省略的

話仍然可以動作，它的預設值為

type="text"

：

<label>Phone: <input type="tel" name="phone"></label>

<label>Website: <input type="url" name="website"></label>

在 HTML5 中，

type

屬性有 23 種可用的值，第 94 頁的“<input> 類型與屬性”會討論

它們。請注意，如果瀏覽器不支援某種新的輸入類型，這個類型就會被設成預設的

text

類型。這些新類型都是增強的效果，如果瀏覽器不瞭解新類型，表單仍然可以被存取，

所以不需要等到瀏覽器完整支援之後，才開始實作新的輸入類型。

required 屬性

若要將某個表單欄位標記為必要的，可使用

required

屬性。當使用者試著提交一個表

單時，如果有一個必要的表單欄位是空白的，或是它的值是無效，這個表單就不會被提

交，而且聚焦會移到第一個無效的表單元素。支援的瀏覽器會提供一個錯誤訊息給使用

者，例如在空白時顯示“你必須填入一個數值”或在格式錯誤時顯示“12-12 是不符合

網頁要求的格式”（

pattern

屬性將在第 89 頁說明），或其他類似的訊息。

除了

buttons

、

range

、

color