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

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

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

構文

以下は、-

の構文です。

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

submitObject.autofocus = true|false

ここで、trueは送信ボタンがフォーカスを取得する必要があることを表し、falseはそうでないことを表します。デフォルトではfalseに設定されています。

例

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

<!DOCTYPE html>
<html>
<body>
<h1> Submit Autofocus 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" autofocus>
</form>
<p>Get the submit 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("SUBMIT1").autofocus;
      document.getElementById("Sample").innerHTML = "The submit button autofocus property is set to: "+f;
   }
</script>
</body>
</html>

出力

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

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

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

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


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

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

  2. HTMLDOM入力範囲のオートフォーカスプロパティ

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