js如何设置 input 框为用户不可编辑状态
在JavaScript中,您可以通过设置input元素的disabled
属性为true
来使其进入不可编辑状态。这样做会禁用输入框,使其不接受任何用户输入,并且还会改变其样式,通常表现为灰色并且不可点击。
以下是设置input框为不可编辑状态的示例代码:
HTML:
<input type="text" id="myInput" value="我不可编辑">
<button onclick="enableInput()">启用输入框</button>
<button onclick="disableInput()">禁用输入框</button>
JavaScript:
function disableInput() {
document.getElementById('myInput').disabled = true;
}
function enableInput() {
document.getElementById('myInput').disabled = false;
}
在上面的例子中,disableInput
函数通过设置disabled
属性为true
使得输入框不可编辑,而enableInput
函数则通过设置disabled
属性为false
使得输入框恢复可编辑状态。
评论已关闭