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

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


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

構文

以下は、-

の構文です。

オートフォーカスプロパティを設定します。

radioObject.autofocus = true|false

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

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

<!DOCTYPE html>
<html>
<body>
<h1>Input password autofocus property</h1>
<form>
RADIO: <input type="radio" id="rad1" name=”BTN” autofocus>
</form>
<br><br>
<button type=”button” onclick="FocusVal()">CHECK FOCUS</button>
<p id="Sample"></p>
<script>
   function FocusVal() {
      var R = document.getElementById("rad1").autofocus;
      document.getElementById("Sample").innerHTML = "The radio button has autofocus property
      set to "+R;
   }
</script>
</body>
</html>

出力

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

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

CHECKFOCUSボタンをクリックすると-

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

上記の例では-

type =“ radio”、id =“ rad1”、name =“ BTN”の入力フィールドを作成しました。これには、オートフォーカスプロパティが有効になっています。つまり、trueに設定されています-

Password: <input type="password" id="rad1" name=”BTN”autofocus>

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

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

FocusVal()メソッドは、getElementById()メソッドを使用してradio型の入力要素を取得し、autofocusプロパティを取得します。 autofocusプロパティは、ラジオボタンのautofocus属性値に応じてtrueとfalseを返します。この値は変数Rに割り当てられ、innerHTMLプロパティを使用してIDが「Sample」の段落に表示されます。

function FocusVal() {
   var R = document.getElementById("rad1").autofocus;
   document.getElementById("Sample").innerHTML = "The radio button has autofocus property set to "+R;
}
に設定されています
  1. HTMLDOM入力ラジオ値プロパティ

    HTML DOM入力ラジオ値プロパティは、type =” radio”を持つ入力要素とvalue属性に関連付けられています。ラジオボタンの値属性の値を返すか、設定するために使用されます。 ラジオボタンのvalueプロパティは、コンテンツが表示されないだけなので、Webサイトのユーザーインターフェイスには影響しません。ただし、フォームの送信時に同じグループの複数のボタンを区別するために使用できます。 構文 以下は、-の構文です。 値プロパティを設定します- radioObject.value = text; ここでは、ラジオボタンの値を指定するためにテキストが使用されています。 例 入

  2. HTMLDOM入力無線タイププロパティ

    HTML DOM入力ラジオタイププロパティは、type =” radio”を持つ入力要素に関連付けられています。入力無線要素に対して常に無線を返します。 構文 無線タイププロパティの構文は次のとおりです- radioObject.type 例 ラジオタイププロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input radio type Property</h1> <form> FRUIT: <input type="radio" name=