HTML DOM 輸入提交停用屬性


HTML DOM 輸入提交停用屬性用於設定或返回是否停用提交按鈕。它使用布林值,其中 true 表示應停用提交按鈕, false 表示相反。預設情況下,“停用”屬性被設定為 false。但是,停用的元素預設情況下為灰色,並且不可點選。

語法

以下是語法 -

設定停用屬性 -

submitObject.autofocus = true|false

此處,true=停用提交按鈕,false=不停用提交按鈕。預設情況下,這是 false。

示例

我們來看一個輸入提交停用屬性的示例 -

<!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>

輸出

這將產生以下輸出 -

單擊 DISABLE 按鈕後 -

更新於:19-Aug-2019

153 瀏覽

開啟您的 職業生涯

透過完成本課程獲得認證

開始學習
廣告