- <input type="text"> 用于创建基础的单行文本框
|
属性 |
说明 |
||||||||
|
value |
包含了文本框当前文字的文本 |
||||||||
|
maxlength |
用户可以输入文本输入框中的最大字符 (参考 UTF-16 编码单元) 数。 必须为整数，值等于 0 或者更大。 如果没有规定 maxlength ， 或者规定的值无效，文本输入框就没有最大值。这个值也必须更大或者等于minlength的值。
如果文本框中的字符数大于 maxlength UTF-16 编码单元，输入框的验证就会失败。 约束验证仅作用于用户输入值的时候。 |
||||||||
|
minlength |
用户可以输入到 text 中的最小字符数（以 UTF-16 代码为单位）。 该值必须是小于或等于 maxlength 指定的值的非负整数值。 如果未指定 minlength 或指定了无效的值，则 text 将没有最小长度。
如果输入到字段中的文本的长度小于 minlength UTF-16 代码单元的长度，则输入将无法通过约束验证。约束验证仅在用户更改值时应用 |
||||||||
|
pattern |
如果指定了 pattern 属性，则它是输入的 value 必须匹配正则表达式，以使该值通过约束验证（constraint validation 。它必须是 RegExp 类型使用有效 JavaScript 正则表达式，并且已在我们的正则表达式指南中进行了说明；在编译正则表达式时指定了 'u' 标志，因此该模式被视为 Unicode 代码点的序列，而不是 ASCII。 模式文本周围不能指定正斜杠。
如果指定的模式未指定或无效，则不应用任何正则表达式，并且将完全忽略此属性 |
||||||||
|
placeholder |
placeholder 属性是一个字符串，可向用户提供有关该字段中需要什么样的信息的简短提示。 它应该是一个单词或短语来说明预期的数据类型，而不是说明性消息。 文本中不得包含回车符或换行符。
如果控件的内容具有一个方向性的 (LTR 或 RTL) ，但需要以相反的方向性来显示占位符则可以使用 Unicode 双向算法格式化字符来 在占位符中覆盖方向性 |
||||||||
|
readonly |
一个布尔属性，如果存在，则表示该字段不能由用户编辑 |
||||||||
|
size |
size 属性是一个数字值，指示输入字段应有多少个字符宽。 该值必须是一个大于零的数字，默认值是 20。 根据字符和字体 (使用 font 设置)，结果输入可能比指定的字符数窄或宽。
这并不限制用户可以在该字段中输入多少个字符。 它仅指定一次可以看到多少个。 要设置输入数据长度的上限，使用 maxlength 属性。 |
||||||||
|
spellcheck |
spellcheck 是一个全局属性，用于指示是否启用元素的拼写检查。 它可以用于任何可编辑的内容，但是这里我们考虑与在 <input> 元素上使用 spellcheck 细节。则 spellcheck 的允许值为：
|
示例
|
<!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head>
<body> <form> <div> <label for="uname">Choose a username: </label> <input type="text" id="uname" name="name"> </div> <div> <button>Submit</button> </div> </form> </body>
</html> |
浏览器运行结果如下：
来自 <https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/text>