目次
構文
出力
ホームページ ウェブフロントエンド htmlチュートリアル HTML DOM 入力リセット無効属性 HTML DOM 入力リセット無効属性は、リセット ボタンが無効かどうかを設定または取得するために使用されます。

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

Aug 20, 2023 pm 04:29 PM

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" を持つ <input> 要素を作成しました。このボタンをクリックするとフォームデータがリセットされます。このボタンは、インライン スタイルも適用された 2 つのテキスト フィールドを持つフォーム内にあります -

&lt;form style=&quot;border:solid 2px green;padding:2px&quot;&gt;
UserName: &lt;input type=&quot;text&quot; id=&quot;USR&quot;&gt; &lt;br&gt;
Location: &lt;input type=&quot;text&quot; id=&quot;Age&quot;&gt; &lt;br&gt;&lt;br&gt;
&lt;input type=&quot;reset&quot; id=&quot;RESET1&quot;&gt;
&lt;/form&gt;
ログイン後にコピー

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

&lt;button type=&quot;button&quot; onclick=&quot;disableReset()&quot;&gt;DISABLE&lt;/button&gt;
ログイン後にコピー

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

function disableReset() {
   document.getElementById(&quot;RESET1&quot;).disabled=true;
   document.getElementById(&quot;Sample&quot;).innerHTML = &quot;The reset button is now disabled&quot; ;
}
ログイン後にコピー

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

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットツール Tags

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? 公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は? Mar 04, 2025 pm 12:32 PM

公式アカウントのキャッシュの更新の難しさ:バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は?

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか?

WebページのPNG画像にストローク効果を効率的に追加する方法は? WebページのPNG画像にストローク効果を効率的に追加する方法は? Mar 04, 2025 pm 02:39 PM

WebページのPNG画像にストローク効果を効率的に追加する方法は?

IFramesを使用することのセキュリティへの影響は何ですか?また、どのようにそれらを軽減できますか? IFramesを使用することのセキュリティへの影響は何ですか?また、どのようにそれらを軽減できますか? Mar 18, 2025 pm 02:51 PM

IFramesを使用することのセキュリティへの影響は何ですか?また、どのようにそれらを軽減できますか?

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか?

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? &lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

&lt; iframe&gt;の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか?

HTML5&lt; time&gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? HTML5&lt; time&gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? Mar 12, 2025 pm 04:05 PM

HTML5&lt; time&gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素?

HTML5&lt; meter&gt;を使用するにはどうすればよいですか 範囲内に数値データを表示する要素? HTML5&lt; meter&gt;を使用するにはどうすればよいですか 範囲内に数値データを表示する要素? Mar 12, 2025 pm 04:08 PM

HTML5&lt; meter&gt;を使用するにはどうすればよいですか 範囲内に数値データを表示する要素?

See all articles