【HTML】使用js给input标签增加disabled属性

作者：System 时间：2024年08月07日分类：所有,javascript 字数：430

这篇文章距离上次修改已过448天，其中的内容可能已经有所变动。

在HTML中，可以使用JavaScript来给input元素添加disabled属性，这会禁用该input元素，使其不可交互。以下是一个简单的例子：

HTML:




<input type="text" id="myInput" />
<button onclick="disableInput()">禁用输入框</button>

JavaScript:




function disableInput() {
  document.getElementById('myInput').disabled = true;
}

在这个例子中，当点击按钮时，会调用disableInput函数，该函数通过getElementById找到ID为myInput的input元素，并将其disabled属性设置为true，从而禁用该输入框。