HTML DOM Input Text 对象
Input Text 对象
Input Text 对象代表 HTML 中 type="text" 的 <input> 元素。
访问 Input Text 对象
你可以通过 getElementById() 访问 type="text" 的 <input> 元素：
var
x = document.getElementById("myText");
尝试一下
提示： 同样，你可以通过查找表单 elements 集合来访问 Input Text 对象。
创建 Input Text 对象
你可以通过 document.createElement() 方法来创建 type="text" 的 <input> 元素:
var x = document.createElement("INPUT");
x.setAttribute("type", "text"); 尝试一下
x.setAttribute("type", "text"); 尝试一下
Input Text 对象属性
= HTML5 新增属性。
| 属性 | 描述 |
|---|---|
| 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 属性值 |
Input Text 对象方法
| 方法 | 描述 |
|---|---|
| blur() | 从文本域中移除焦点 |
| focus() | 让文本域获取焦点 |
| select() | 选取文本域的内容 |
标准属性和事件
相关页面
HTML 教程: HTML 表单
HTML 参考手册: HTML <input> 标签
HTML 参考手册: HTML <input> type 属性