在 web 开发中,<input /> 标签是用来创建各种不同类型的表单控件的。其中,<input /> 标签的 type 属性为"text"时,表示创建一个文本输入框。用户可以在文本输入框中输入任意文本信息。
属性
type
- 值为"text",表示创建一个文本输入框。
value
- 初始值或用户输入的值。
placeholder
- 提示用户在输入框中输入的文本。
maxlength
- 输入框允许输入的最大字符数。
disabled
- 禁用输入框,用户无法在输入框中输入文本。
readonly
- 只读输入框,用户可以看到但无法编辑输入框中的文本。
事件
onchange
- 当输入框的值发生改变时触发。
onfocus
- 当输入框获得焦点时触发。
onblur
- 当输入框失去焦点时触发。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
----------- ----- ---------------
-------
------
------ --------------------------------
------ ----------- ------------- --------------- ------------------ ---- --------- -------------- ------------------------- ----------------------- ----------------------
--------
-------- -------------- -
------------------ ----- ----------
-
-------- ------------- -
------------------ ----------
-
-------- ------------ -
------------------ ----------
-
---------
-------
-------以上是关于 HTML 对象 <input /> - text 的介绍,希望能帮助你更好地理解和使用文本输入框。
| 属性 | 描述 |
|---|---|
| autocomplete | 设置或返回文本域的 autocomplete 属性值 |
| autofocus | 在页面加载后设置或返回文本域是否自动获取焦点 |
| defaultValue | 设置或返回文本域的默认值 |
| disabled | 设置或返回文本域是否禁用 |
| form | 返回一个对包含文本域的表单对象的引用 |
| list | 返回一个对包含文本域的选项列表对象的引用 |
| maxLength | 设置或返回文本域中的最大字符数 |
| name | 设置或返回文本域的名称 |
| pattern | 设置或返回文本域的 pattern 属性值 |
| placeholder | 设置或返回文本域的 placeholder 属性值 |
| readOnly | 设置或返回文本域是否应是只读的 |
| required | 设置或返回 whether the text field must be filled out before submitting a form |
| size | 设置或返回文本域的 size 属性值 |
| type | 返回文本域的表单元素类型 |
| value | 设置或返回文本域的 value 属性值 |
| 方法 | 描述 |
|---|---|
| blur() | 从文本域中移除焦点 |
| focus() | 让文本域获取焦点 |
| select() | 选取文本域的内容 |