格式化HTML5中的表单错误？

Question

嘿，我的表格是这样的：

http://jsfiddle.net/Myxqk/

尝试输入不是虚拟电子邮件地址的内容，例如“4asd”。

看看会发生什么。

有没有办法格式化/更改此错误外观？

例如我不想要它，只想让输入边界脉动。或变红。

非常感谢。

Answer 1

您是否看过电子邮件字段的示例：
http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_form_email

此处的电子邮件验证不是由html5处理，而是由服务器处理 您使用的是PHP还是其他框架？

Answer 2

我个案中最好的解决方案是：

1. 在我的表单标记中添加“novalidate”（所以我仍然可以坚持使用“email”输入）。

2. 使用jQuery验证（animate（））。

非常感谢！正如我在开始时想的那样，没有办法真正进入像这样的HTML5核心功能。很难过，但希望他们能解决这个问题。如果不是，那么在设计重要的地方它将毫无用处！

Answer 3

#input {border-color: red;}

Answer 4

HTML5并未被广泛采用，因此您不应该依赖浏览器行为来获取甚至尚未最终确定的规范。

因此，只需拥有自定义的JS / CSS即可。