数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML DOM 输入文本对象
HTML DOM 输入文本对象与类型为“text”的<input> 元素相关联。我们可以使用createElement() 和getElementById() 方法分别创建和访问类型为文本的输入元素。
属性
以下是文本对象的属性：
| 属性 | 描述 |
|---|---|
| autocomplete | 设置或返回文本字段的 autocomplete 属性值。 |
| Autofocus | 设置或返回页面加载时文本字段是否应自动获取焦点。 |
| defaultValue | 设置或返回文本字段的默认值。 |
| Disabled | 设置或返回文本字段是否被禁用。 |
| Form | 返回包含文本字段的表单的引用。 |
| maxLength | 设置或返回文本字段的 maxlength 属性值。 |
| name | 设置或返回文本字段的 name 属性值。 |
| pattern | 设置或返回文本字段的 pattern 属性值。 |
| placeholder | 设置或返回文本字段的 placeholder 属性值。 |
| readOnly | 设置或返回文本字段是否为只读。 |
| required | 设置或返回在提交表单之前是否必须填写文本字段。 |
| size | 设置或返回文本字段的 size 属性值。 |
| type | 这是一个只读属性，返回文本字段所属的表单元素的类型。 |
| value | 设置或返回文本字段的 value 属性值。 |
| list | 返回包含文本字段的数据列表的引用。 |
语法
以下是语法：
创建输入文本对象：
var P = document.createElement("INPUT");
P.setAttribute("type", "text");示例
让我们来看一个输入文本对象的示例：
<!DOCTYPE html>
<html>
<head>
<script>
function createText() {
var P = document.createElement("INPUT");
P.setAttribute("type", "text");
document.body.appendChild(P);
}
</script>
</head>
<body>
<h1>Text object example</h1>
<p>Create an input field with type text by clicking the below button</p>
<button onclick="createText()">CREATE</button>
<br><br>
USERNAME:
</body>
</html>输出
这将产生以下输出：
单击“创建”按钮后：
更新于： 2023年11月12日
1K+ 浏览量
广告