HTML DOM Input Text 对象
HTML DOM Input Text 对象
HTML DOM Input Text 对象代表 HTML 页面的文本输入框元素，它允许用户输入文本。本文将深入介绍 HTML DOM Input Text 对象的属性和方法。
输入框类型
HTML 有三种主要的文本输入框类型：单行文本框（text）、密码框（password）和多行文本框（textarea）。实际上，这只是决定了这些文本框在浏览器中显示的方式，其实质是一样的。
属性
defaultValue：返回文本框的默认值，即文本框初始时显示的文本内容。disabled：禁用文本框。value：文本框中当前输入的值。
事件
onchange：当文本框内容改变时触发。onkeyup：当按键抬起时触发。
方法
focus：将光标聚焦在文本框上。select：选中文本框中的全部文本。
示例
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Input Text 对象</title>
</head>
<body>
<form>
<label for="name">姓名：</label>
<input type="text" id="name" name="name"><br><br>
<label for="password">密码：</label>
<input type="password" id="password" name="password"><br><br>
<label for="comments">请留言：</label>
<textarea id="comments" name="comments"></textarea><br><br>
<button type="button" onclick="getValue()">提交</button>
</form>
<script>
function getValue() {
var name = document.getElementById("name").value;
var password = document.getElementById("password").value;
var comments = document.getElementById("comments").value;
console.log(name, password, comments);
}
</script>
</body>
</html>
在上述代码中，我们创建了一个表单，其中包含一个单行文本框、一个密码框和一个多行文本框，最后有一个提交按钮。我们通过 document.getElementById 方法获取了这些元素的值，并在控制台中输出了它们。
总结
HTML DOM Input Text 对象允许用户输入文本，并提供了许多有用的属性、事件和方法来控制文本框的行为。开发人员可以使用这些特性来设计出更好的用户输入形式。