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 属性
点我分享笔记