HTML DOM Input Text 对象

Input Text 对象

Input Text 对象代表带有 type="text" 的 HTML <input> 元素。

访问 Input Text 对象

您可以使用 getElementById() 访问 type="text" 的 <input> 元素:

var x = document.getElementById("myText");

亲自试一试

提示:您还可以通过搜索表单的 elements 集合 来访问 <input type="text">。

创建 Input Text 对象

您可以使用 document.createElement() 方法创建 type="text" 的 <input> 元素:

var x = document.createElement("INPUT");
x.setAttribute("type", "text");

亲自试一试

Input Text 对象属性

属性 描述
autocomplete 设置或返回文本字段的 autocomplete 属性值。
autofocus 设置或返回页面加载时文本字段是否应自动获得焦点。
defaultValue 设置或返回文本字段的默认值。
disabled 设置或返回是否禁用文本字段。
form 返回对包含文本字段的表单的引用。
list 返回对包含文本字段的数据列表的引用。
maxLength 设置或返回文本字段的 maxlength 属性值。
name 设置或返回文本字段的 name 属性值。
pattern 设置或返回文本字段的 pattern 属性值。
placeholder 设置或返回文本字段的 placeholder 属性值。
readOnly 设置或返回文本字段是否为只读。
required 设置或返回是否必须在提交表单之前填写文本字段。
size 设置或返回文本字段的 size 属性值。
type 返回文本字段是哪种类型的表单元素。
value 设置或返回文本字段的 value 属性值。

Input Text 对象方法

方法 描述
blur() 从文本字段中移除焦点。
focus() 向文本字段赋予焦点。
select() 选择文本字段的内容。

标准属性和事件

Input Text 对象同时支持标准属性事件

相关页面

HTML 教程:HTML 表单

HTML 参考手册:HTML <input> 标签

HTML 参考手册:HTML <input> type 属性