HTML DOM 入力リセット無効属性 HTML DOM 入力リセット無効属性は、リセットボタンが無効かどうかを設定または取得するために使用されます。-htmlチュートリアル-php.cn

HTML DOM 入力リセット無効属性 HTML DOM 入力リセット無効属性は、リセットボタンが無効かどうかを設定または取得するために使用されます。

PHPz

リリース： 2023-08-20 16:29:07

転載

1028 人が閲覧しました

HTML DOM 入力リセット無効属性は、リセットボタンを無効にするかどうかを設定または返すために使用されます。ブール値を使用します。true はリセットボタンを無効にすることを意味し、false はいいえを意味します。無効な属性のデフォルトは false です。無効な要素はデフォルトでは灰色でクリックできません。

構文

次は、-

無効な属性を設定する-

resetObject.autofocus = true|false

ログイン後にコピー

の構文です。ここでは、true=リセットボタンが無効になり、false=リセットボタンは無効になっていません。デフォルトでは false です。

例

入力リセット無効プロパティの例を見てみましょう -

ライブデモ

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

ログイン後にコピー

出力

これにより、次の出力が生成されます。 -

HTML DOM Input Reset disabled 属性

HTML DOM Input Reset disabled 属性用于设置或获取重置按钮是否被禁用

[無効にする] ボタンをクリックします。 -

HTML DOM Input Reset disabled 属性

HTML DOM Input Reset disabled 属性用于设置或获取重置按钮是否被禁用

上の例 -

では、type="reset" および id="RESET1" を持つ要素を作成しました。このボタンをクリックするとフォームデータがリセットされます。このボタンは、インラインスタイルも適用された 2 つのテキストフィールドを持つフォーム内にあります -

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

ログイン後にコピー

次に、ユーザーがクリックしたときに disableReset() メソッドを実行する DISABLE というボタンを作成します -

<button type="button" onclick="disableReset()">DISABLE</button>

ログイン後にコピー

disableReset() メソッドは、getElementById() メソッドを使用してタイプリセットの入力要素を取得し、その無効属性を true に設定します。これにより、リセットボタンをクリックできなくなり、ユーザーはリセットボタンを操作できなくなります。現在は灰色です −

function disableReset() {
   document.getElementById("RESET1").disabled=true;
   document.getElementById("Sample").innerHTML = "The reset button is now disabled" ;
}

ログイン後にコピー

以上がHTML DOM 入力リセット無効属性 HTML DOM 入力リセット無効属性は、リセットボタンが無効かどうかを設定または取得するために使用されます。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。