在 HTML 中，<input /> 元素可以用来创建各种不同类型的输入字段，其中之一就是 type 为 "url" 的输入字段。这种输入字段专门用于接受 URL 地址输入，并且在用户输入时会进行验证。
属性
- type: 指定输入字段的类型为 "url"，用于接受 URL 地址输入。
- name: 定义输入字段的名称，用于在表单提交时标识该字段。
- value: 定义输入字段的初始值。
- placeholder: 定义在输入字段为空时显示的提示文本。
- required: 指定输入字段是否为必填字段。
- maxlength: 指定输入字段的最大字符数限制。
- pattern: 指定一个正则表达式，用于验证输入字段的值是否符合要求。
示例代码
<form> <label for="urlInput">Website:</label> <input type="url" id="urlInput" name="website" placeholder="https://www.example.com" required> <input type="submit" value="Submit"> </form>
在上面的示例代码中，我们创建了一个包含类型为 "url" 的输入字段的表单。用户在输入网站地址时，浏览器会自动验证输入是否符合 URL 地址的格式要求。如果用户未输入内容或输入内容不符合要求，提交按钮将不可用。
这样，通过使用 <input /> 元素的 type 属性设置为 "url"，我们可以轻松地创建一个接受 URL 地址输入的输入字段，并且在用户输入时进行验证，确保输入的内容符合要求。
| 属性 | 描述 |
|---|---|
| autocomplete | 设置或返回 URL 字段的 autocomplete 属性值 |
| autofocus | 设置或返回 URL 字段在页面加载后是否自动获取焦点 |
| defaultValue | 设置或返回 URL 字段默认的值 |
| disabled | 设置或返回 URL 字段是否可用 |
| form | 返回使用 URL 字段的表单引用 |
| list | 返回包含了 URL 字段的 datalist 引用 |
| maxLength | 设置或返回 URL 字段的 maxlength 属性值 |
| multiple | 设置或者返回 URL 字段是否允许用户输入一个或多个 url 地址。 |
| name | 设置或返回 URL 字段的 name 属性值 |
| pattern | 设置或返回 URL 字段 pattern 属性的值 |
| placeholder | 设置或返回 URL 字段 placeholder 属性的值 |
| readOnly | 设置或返回 URL 字段是否只读 |
| required | 设置或返回 URL 字段在表单中是否为必填字段 |
| size | 设置或返回 URL 段 size 属性的值 |
| step | 设置或返回 URL 段 step 属性的值 |
| type | 返回 URL 字段的表单元素类型 |
| value | 设置或返回 URL 字段的 value 属性值 |