禁用输入框JavaScript

简介：本文将介绍如何使用JavaScript禁用输入框，包括具体的代码示例和使用方法。

操作步骤

1. 获取输入框元素

在JavaScript中，可以通过以下方法获取输入框元素：

var inputBox = document.getElementById('input-box');

此处input-box为输入框的id。

2. 禁用输入框

禁用输入框需要使用disabled属性，将其设为true即可：

inputBox.disabled = true;

3. 启用输入框

如果需要启用输入框，只需要将disabled属性设为false：

inputBox.disabled = false;

示例

HTML代码

<div style="margin:20px;">
  <label for="input-box">输入框：</label>
  <input type="text" id="input-box">
  <br><br>
  <button onclick="disableInputBox()">禁用输入框</button>
  <button onclick="enableInputBox()">启用输入框</button>
</div>

JavaScript代码

function disableInputBox() {
  var inputBox = document.getElementById('input-box');
  inputBox.disabled = true;
}

function enableInputBox() {
  var inputBox = document.getElementById('input-box');
  inputBox.disabled = false;
}

结语

以上就是禁用输入框JavaScript的全部内容，使用禁用输入框可以有效的防止用户输入无意义信息，提升应用程序的用户体验。