HTML | DOM 输入 URL 模式属性

HTML中提供了输入URL的模式属性（pattern），该属性用于规定输入框的合法输入格式。

语法

<input type="url" pattern="正则表达式">

属性值

• type="url"：规定输入框为URL类型
• pattern="正则表达式"：规定输入框的合法输入格式，必须是一个有效的正则表达式。

示例

以下示例代码定义了一个输入框，只允许输入以http://或https://为开头的URL：

<label for="url">输入URL：</label>
<input type="url" id="url" name="url" pattern="https?://.+">

在上述代码中，https?://.+是一个正则表达式，它表示：

• https?：表示http或https；
• ://：表示必须以://开头；
• .+：表示后面至少有一个任意字符。

浏览器支持

输入URL的模式属性仍处于实验阶段，不是所有浏览器都支持它。以下是目前部分主流浏览器对该属性的支持情况：

• Chrome：支持
• Edge：支持
• Safari：支持
• Firefox：不支持

参考链接

• HTML URL输入类型
• HTML | DOM 输入 URL 模式属性