HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLDOM入力リセットオートフォーカスプロパティ

HTML DOM入力リセットオートフォーカスプロパティは、HTML要素のオートフォーカス属性に関連付けられています。このプロパティは、ページが読み込まれたときにリセットボタンが自動的にフォーカスされるかどうかを設定または返すために使用されます。

構文

以下は、-

の構文です。

オートフォーカスプロパティの設定-

resetObject.autofocus = true|false

ここで、trueはリセットボタンがフォーカスを取得する必要があることを表し、falseはそれ以外の場合を表します。デフォルトではfalseに設定されています。

例

入力リセットオートフォーカスプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1> Reset Autofocus 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" autofocus>
</form>
<p>Get the reset button autofocus property value by clicking the below button</p>
<button type="button()" onclick="FocusVal()">CHECK</button>
<p id="Sample"></p>
<script>
   function FocusVal(){
      var f = document.getElementById("RESET1").autofocus;
      document.getElementById("Sample").innerHTML = "The reset button autofocus property is set to: "+f;
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力リセットオートフォーカスプロパティ

チェックボタンをクリックすると-

HTMLDOM入力リセットオートフォーカスプロパティ

上記の例では-

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>

次に、ユーザーがクリックしたときにFocusVal（）メソッドを実行するボタンCHECKを作成しました-

<button type="button()" onclick="FocusVal()">CHECK</button>

FocusVal（）メソッドは、getElementById（）メソッドを使用してタイプがリセットされた入力要素を取得し、autofocusプロパティを取得します。 autofocusプロパティは、リセットボタンのautofocus属性値に応じてtrueとfalseを返します。この値は変数fに割り当てられ、innerHTMLプロパティ-

を使用して、IDが「Sample」の段落に表示されます。 
function FocusVal(){
   var f = document.getElementById("RESET1").autofocus;
   document.getElementById("Sample").innerHTML = "The reset button autofocus property is set to: "+f;
}

  1. HTMLDOM入力送信オートフォーカスプロパティ

    HTML DOM入力送信オートフォーカスプロパティは、HTML要素のオートフォーカス属性に関連付けられています。このプロパティは、ページが読み込まれたときに送信ボタンが自動的にフォーカスされるかどうかを設定または返すために使用されます。 構文 以下は、-の構文です。 オートフォーカスプロパティの設定- submitObject.autofocus = true|false ここで、trueは送信ボタンがフォーカスを取得する必要があることを表し、falseはそうでないことを表します。デフォルトではfalseに設定されています。 例 入力送信オートフォーカスプロパティの例を見てみましょう-

  2. HTMLDOM入力リセット無効プロパティ

    HTML DOM入力リセット無効プロパティは、リセットボタンを無効にするかどうかを設定または返すために使用されます。ブール値を使用します。trueはリセットボタンを無効にする必要があることを表し、falseは無効にする必要があることを表します。デフォルトでは、disabledプロパティはfalseに設定されています。無効になっている要素はデフォルトでグレー表示されており、クリックできません。 構文 以下は、-の構文です。 無効なプロパティの設定- resetObject.autofocus = true|false ここで、true =リセットボタンは無効であり、false=リセットボタ