HTML DOM Input Submit disabled 属性

htmlweb developmentfront end technology更新于 2025/9/26 11:24:17

HTML DOM Input submit disabled 属性用于设置或返回提交按钮是否应被禁用。它使用布尔值，true 表示提交按钮应被禁用，false 表示不禁用。disabled 属性默认设置为 false。但是，disabled 元素默认显示为灰色且不可点击。

语法

以下是语法 −

设置 disabled 属性 −

submitObject.autofocus = true|false

此处，true=提交按钮被禁用，false=提交按钮未被禁用。默认为 false。

示例

让我们看一个 Input submit disabled 属性的示例 −

<!DOCTYPE html>
<html>
<body>
<h1>Input submit disabled Property</h1>
<form action=”/Sample_page.php” style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id=“Loc”> <br><br>
<input type="submit" id="SUBMIT1">
</form>
<p>Disable the above reset button by clicking on the DISABLE button</p>
<button type="button" onclick="disableSubmit()">DISABLE</button>
<p id="Sample"></p>
<script>
   function disableSubmit() {
      document.getElementById("SUBMIT1").disabled=true;
      document.getElementById("Sample").innerHTML = "The submit button is now disabled" ;
   }
</script>
</body>
</html>