Question

我正在努力确保用户在

中输入正确的网址

<input type='url' >

然而，

测试了一些似乎只在Edge（40.15063.0.0）和Safari（5.1.7）上作为URL传递的错误测试条目。

e.g：

的http：//

的https：//

这些测试会在Chrome和Firefox中提示“请输入网址”。如何改进输入类型='url'以不接受Edge和Safari中的条目？

您可以在此处测试类型网址： https://www.wufoo.com/html5/types/3-url.html

Answer 1

使用pattern属性来捕获测试用例： HTTP：// HTTPS：//

<form action="/action_page.php">
Homepage: <input type="url" name="website" pattern="https?://.+" 
title="Include http://">
<input type="submit">
</form>

如W3schools文档的最后一个示例所示： https://www.w3schools.com/tags/att_input_pattern.asp

Edge和Safari的HTML5输入URL验证

1 个答案: