比建立一個可捕獲電子郵件地址的HTML表單更容易,比如通訊或通知? 當然,請以這種形式篡改電子郵件地址,然後讓您的瀏覽器記住所有註冊表單的錯誤地址。
如果您想驗證輸入到您的表單中的電子郵件地址,但要避免複雜的修補和腳本,HTML5可讓您依靠瀏覽器 - 無需付出努力,也無需轉向使用JavaScript。
使用HTML5驗證電子郵件地址
讓用戶的瀏覽器驗證電子郵件地址,並將它們輸入到您的HTML Web表單中:
- 確保你使用HTML5。
- 你可以通過使用。
- 指定電子郵件地址表單輸入元素為類型“email”。 (請參閱下面的示例。)
無法識別type =“email”的瀏覽器應該(並且據我們所知,所有將會)像普通的type =“text”字段一樣處理輸入字段。
HTML5電子郵件地址驗證警告
請注意,HTML電子郵件地址驗證僅適用於支持HTML5和驗證表單元素輸入的瀏覽器。 例如,對於其他瀏覽器和備份,您仍然可以使用PHP驗證電子郵件地址 。
支持HTML5電子郵件地址驗證的瀏覽器包括Safari 5+,Google Chrome 6+,Mozilla Firefox 4+和Opera 10+。 Safari 5和Google Chrome 6-8不會接受無效的電子郵件地址輸入,但與其他瀏覽器不同,它不會幫助用戶更正錯誤。
HTML5電子郵件地址驗證示例
要吸引用戶的瀏覽器使用HTML5驗證電子郵件地址,請使用以下代碼,例如: