在HTML5中格式化表單錯誤？

Question

嘿，我有一個表格是這樣的：

http://jsfiddle.net/Myxqk/

嘗試輸入一些東西究竟是不是一個vaild的e-mail地址，如 「4asd」。

看看會發生什麼。

有沒有一種方法來格式化/更改這個錯誤的外觀？

例如，我不想要這一切，只是想要輸入邊界脈衝。或變紅。

非常感謝。

Answer 1

#input {border-color: red;} 

？

Answer 2

HTML5沒有被廣泛採用，所以你不應該依賴瀏覽器的行爲，甚至沒有最終確定的規範。

因此，只需要自定義JS/CSS就可以做你想做的事情。

Answer 3

你見過這個例子電子郵件領域：
http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_form_email

這裏的電子郵件驗證未通過HTML5，但由服務器處理。
你使用PHP或其他框架？

Answer 4

在我的情況下，最好的解決辦法是：

1. 添加「NOVALIDATE」我的表單標籤（這樣我就可以仍然堅持「電子郵件」輸入）。

2. 使用jQuery驗證（animate（））。

非常感謝你們！正如我在開始時所想的那樣，沒有辦法真正進入像這樣的HTML5核心功能。傷心，但希望他們能解決它。如果不是這樣的話，設計很重要！