html dom input reset disabled 属性用于设置或返回重置按钮是否应该被禁用。它使用布尔值，其中 true 表示重置按钮应该被禁用，false 表示否。disabled 属性默认为 false。disabled 元素默认为灰色且不可点击。
语法以下是 − 的语法
设置 disabled 属性 −
resetobject.autofocus = true|false
here, true=reset button is disabled and false=the reset button is not disabled. it is false by default.
examplelet us look at an example for the input reset disabled property −
live demo
<!doctype html><html><body><h1>input reset disabled property</h1><form style="border:solid 2px green;padding:2px">username: <input type="text" id="usr"> <br>location: <input type="text" id="age"> <br><br><input type="reset" id="reset1"></form><p>disable the above reset button by clicking on the disable button</p><button type="button" onclick="disablereset()">disable</button><p id="sample"></p><script> function disablereset() { document.getelementbyid("reset1").disabled=true; document.getelementbyid("sample").innerhtml = "the reset button is now disabled" ; }</script></body></html>
输出这将产生以下输出 −
点击“disable”按钮 −
在上面的例子中 −
我们创建了一个type=”reset”，id=”reset1”的<input>元素。点击此按钮将重置表单数据。此按钮位于包含两个文本字段的表单中，该表单还应用了内联样式 −
<form style="border:solid 2px green;padding:2px">username: <input type="text" id="usr"> <br>location: <input type="text" id="age"> <br><br><input type="reset" id="reset1"></form>
然后我们创建了一个名为disable的按钮，当用户点击时将执行disablereset()方法 −
<button type="button" onclick="disablereset()">disable</button>
disablereset() 方法使用 getelementbyid() 方法获取类型为 reset 的输入元素，并将其 disabled 属性设置为 true。这使得重置按钮无法点击，用户无法再与其进行交互。它现在变成了灰色 −
function disablereset() { document.getelementbyid("reset1").disabled=true; document.getelementbyid("sample").innerhtml = "the reset button is now disabled" ;}
以上就是html dom input reset disabled 属性html dom input reset disabled 属性用于设置或获取重置按钮是否被禁用的详细内容。