链接 ‹input type='url'›

Exisi 2020-06-07 12:25:11

Categories： Tags：

属性

说明

value

包含一个文本，它被自动验证为符合 URL 语法。更具体地说，有两种可能的值格式可以通过验证：

list

list 属性的值是位于同一文档中的 <datalist> 元素的 id。 <datalist> 提供了一个预定义值的列表，以向用户建议此输入。列表中与类型不兼容的任何值都不包含在建议的选项中。提供的值是建议，而不是要求：用户可以从此预定义列表中选择或提供不同的值。

maxlength

用户可以在 url 输入中输入的最大字符数（作为 UTF-16 代码单元）。这必须是整数值 0 或更高。如果未指定 maxlength，或者指定了无效值，则 url 输入没有最大长度。此值还必须大于或等于 minlength 的值。

如果字段文本值的长度大于 maxlength UTF-16 代码单元长度，则输入将失败约束验证。约束验证仅在用户更改值时应用。

minlength

用户可以在 url 输入中输入的最小字符数（作为 UTF-16 代码单元）。这必须是小于或等于 maxlength 指定的值的非负整数值。如果未指定 minlength，或者指定了无效值，则 url 输入没有最小长度。

如果输入到字段中的文本长度小于 minlength UTF-16 代码单元长度，则输入将失败约束验证。约束验证仅在用户更改值时应用。

pattern

验证模式

placeholder

占位符属性是一个字符串，它向用户提供关于字段中预期的信息类型的简短提示。它应该是说明预期数据类型的单词或短语，而不是解释性消息。文本不得包含回车符或换行符。

如果控件的内容具有一个方向性（LTR 或 RTL）但需要以相反的方向性呈现占位符，则可以使用 Unicode 双向算法格式化字符来覆盖占位符内的方向性

readonly

一个布尔属性，如果存在，则表示该字段不能由用户编辑

size

size 属性是一个数值，表示输入字段应该有多少字符宽。该值必须是大于零的数字，默认值为 20。由于字符宽度不同，这可能准确也可能不准确，不应依赖于准确的值；结果输入可能比指定的字符数更窄或更宽，具体取决于字符和字体（使用的字体设置）。

这不会限制用户可以在字段中输入多少字符。它仅指定一次大约可以看到多少个。

spellcheck

spellcheck 是一个全局属性，用于指示是否对元素启用拼写检查。它可以用于任何可编辑的内容，但在这里我们考虑与在 <input> 元素上使用拼写检查相关的细节。拼写检查的允许值为：

参数	描述
false	禁用此元素的拼写检查。
true	启用此元素的拼写检查
""或着无value	按照元素的默认行为进行拼写检查。这可能基于父母的拼写检查设置或其他因素。

如果输入字段未设置只读属性且未禁用，则可以启用拼写检查。

示例

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<form>

</form>

</body>

</html>

浏览器运行结果如下：