输入类型URL - 如果不包含HTTP,则说"请输入URL"

Wil*_*ite 11 forms url html5 input

我一直在做一个表格,遇到了障碍.我一直在使用输入类型="url",以便iPad和iPhone等都能拉出正确的键盘 - 并尝试遵循新标准.

我遇到了一个问题.在其中的网址形式不是必需的-如果www.theiraddress.com用户类型的大多数浏览器在红色/黄色勾勒出它来通知他们需要输入用户:之前的"http //".

我使用了输入:无效的css来删除该大纲.

但是,现在当用户提交表单时,浏览器会抛出错误提示"请输入URL".

该字段不是必需的 - 我只是想让人们更容易输入他们的地址 - 但仍然在移动设备上显示正确的键盘等.

有没有办法删除这个令人烦恼的工具提示,阻止用户提交表单?

小智 3

您可以向表单元素添加 novalidate 属性。效果:

<form method="post" action="/foo" novalidate>...</form>
Run Code Online (Sandbox Code Playgroud)

请参阅https://www.w3.org/TR/html5/sec-forms.html#element-attrdef-form-novalidate

摘自这个答案: /sf/answers/216592981/