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 按鈕後 -
廣告