HTML DOM Input Number disabled 属性

disabled 属性是HTML DOM中常用于禁用（或启用）表单元素的属性，它可以用于 <input> 元素，包括 type="number" 的数字输入框。当 disabled 属性被设置为 true 时，相应的输入框将被禁用，用户无法在其中输入或编辑内容。

以下是一个简单的例子：

<!DOCTYPE html>
<html>
<head>
  <title>Disabled Number Input Example</title>
</head>
<body>

<label for="myNumber">Enter a number: </label>
<input type="number" id="myNumber" value="0">
<button onclick="disableNumberInput()">Disable Input</button>
<button onclick="enableNumberInput()">Enable Input</button>

<script>
  // 获取对数字输入框的引用
  var numberInput = document.getElementById("myNumber");

  // 禁用数字输入框
  function disableNumberInput() {
    numberInput.disabled = true;
  }

  // 启用数字输入框
  function enableNumberInput() {
    numberInput.disabled = false;
  }
</script>

</body>
</html>

在这个例子中，有一个数字输入框和两个按钮，一个用于禁用输入框，另一个用于启用输入框。通过 JavaScript 中的 disabled 属性，我们可以动态地控制输入框的禁用状态。

转载请注明出处：http://www.zyzy.cn/article/detail/4494/HTML