HTML5表單 - input新標籤類型及屬性

請注意：以下測試皆為使用Chrome瀏覽器記錄顯示結果，並非所有瀏覽器皆有支援HTML5新的類型及屬性。

◎必填欄位判斷：required
========================

<input id="uname" type="uname" required>

沒有輸入此欄位，結果：

◎自動完成功能：autocomplete
========================

<input id="website" type="url" autocomplete="on">
<input id="email" type="email" autocomplete="off">

自動完成的畫面如下：

補充說明：
Chrome瀏覽器的設定 > 進階設定 > 密碼和表單 > 啟用自動填入功能，輕鬆一按即可填入網頁表單 (Chrome版本23.0.1271.97m )
上方的瀏覽器設定如果打勾的話就會有自動完成的功能，但是如果該選項有打勾可是表單屬性設為 autocomplete="off" 則自動完成會關閉，以避免該表單為重要資料，也因此如果瀏覽器自動完成的選項沒有打勾(表示使用者不想使用此功能)，則表單屬性即使設為 autocomplete="on" 也不會有自動完成的功能。

◎電子郵件欄位：type="email"
========================

<input id="email" type="email" placeholder="example@domain.com" required>

會以字串中間是否出現@作為判斷是否email，輸入錯誤(中間沒有@)結果：

只有@在尾巴後面缺了域名，結果：

◎網址欄位：type="url"
========================

<input id="website" type="url" placeholder="http://domain.com" required>

正確輸入例如：http://oibie.com

輸入錯誤結果：

前面沒有http://，結果：

測試撰寫中，請待續..