禁用HTML5表单元素的验证

在我的表单中,我想使用新的HTML5表单类型,例如 ( more info about the types here)。

问题是,Chrome想为我提供超级帮助和验证这些元素,除了它吸引。如果内置验证失败,则除了元素获取焦点之外没有消息或指示。我用“http://”预填充URL元素,所以我自己的自定义验证只是将这些值视为空字符串,但Chrome拒绝。如果我可以改变它的验证规则,那也将工作。

我知道我可以回到使用type =“text”,但我想使用这些新的类型提供的好的增强(例如:它自动切换到移动设备上的自定义键盘布局):

那么,有没有办法关闭自定义自动验证?

解决方法

如果要在HTML5中禁用表单的客户端验证,请向表单元素添加novalidate属性。 Fx:
<form method="post" action="/foo" novalidate>...</form>

http://www.w3.org/TR/html5/forms.html#attr-fs-novalidate

相关文章

HTML5不是新事物。自从最初发布(2008年1月)以来,我们一直在使用它的一些功能。后来,我再次仔细查看...
Pointer Events API 是Hmtl5的事件规范之一,它主要目的是用来将鼠标(Mouse)、触摸(touch)和触控笔(...
CSS动画非常的有趣;这种技术的美就在于,通过使用很多简单的属性,你能创建出漂亮的消隐效果。其中代表...
clip-path介绍 clip-path 直译过来就是裁剪路径,使用SVG或形状定义一个HTML元素的可见区域的方法。想象...
语法 必需。动画时长的百分比。 合法的值: 0-100% from(与 0% 相同) to(与 100% 相同) 定义和用法...
基本代码 html代码: 首先定义一些基本的样式和动画: background-size: auto 100%; 这段代码的意思是让...