HTML | DOM 输入周所需属性

1. value

value 属性用于获取或设置输入框的值。对于文本框、下拉框等表单元素，该属性通常会用于获取或设置用户输入的内容。

对于单选框和复选框，value 属性用于设置该选项被选中时提交的值，通常为一串字符串。

具体使用方法：

// 获取输入框的值
var value = document.getElementById("inputId").value;

// 设置输入框的值
document.getElementById("inputId").value = "new value";

2. disabled

disabled 属性可以禁用表单元素，使其无法被用户进行操作。其取值为布尔型，true 表示禁用，false 表示启用。

具体使用方法：

// 禁用一个输入框
document.getElementById("inputId").disabled = true;

// 启用一个输入框
document.getElementById("inputId").disabled = false;

3. placeholder

placeholder 属性用于设置输入框的占位文本，通常用于提醒用户应该输入什么内容。当输入框获取焦点时，该占位文本会自动消失。

具体使用方法：

<input type="text" placeholder="请输入用户名">

4. autocomplete

autocomplete 属性用于设置输入框是否自动完成输入。其取值为布尔型，true 表示自动完成，false 表示不自动完成。

<!-- 启用自动完成 -->
<input type="text" autocomplete="on">

<!-- 禁用自动完成 -->
<input type="text" autocomplete="off">

5. maxLength

maxLength 属性用于设置输入框最大可输入字符数。如果用户输入的字符数超过该属性设置的值，输入框将不再接受输入。

具体使用方法：

<input type="text" maxLength="10">

6. autoFocus

autoFocus 属性用于设置页面加载完成后，输入框是否自动获得焦点。其取值为布尔型，true 表示自动获得，false 表示不自动获得。

具体使用方法：

<!-- 输入框自动获得焦点 -->
<input type="text" autoFocus="true">

以上是常用的输入框属性，使用时可以根据具体情况进行选择。