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>
出力
これにより、次の出力が生成されます-
CHECKFOCUSボタンをクリックすると-
上記の例では-
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; }に設定されています
-
HTMLDOM入力ラジオ値プロパティ
HTML DOM入力ラジオ値プロパティは、type =” radio”を持つ入力要素とvalue属性に関連付けられています。ラジオボタンの値属性の値を返すか、設定するために使用されます。 ラジオボタンのvalueプロパティは、コンテンツが表示されないだけなので、Webサイトのユーザーインターフェイスには影響しません。ただし、フォームの送信時に同じグループの複数のボタンを区別するために使用できます。 構文 以下は、-の構文です。 値プロパティを設定します- radioObject.value = text; ここでは、ラジオボタンの値を指定するためにテキストが使用されています。 例 入
-
HTMLDOM入力無線タイププロパティ
HTML DOM入力ラジオタイププロパティは、type =” radio”を持つ入力要素に関連付けられています。入力無線要素に対して常に無線を返します。 構文 無線タイププロパティの構文は次のとおりです- radioObject.type 例 ラジオタイププロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input radio type Property</h1> <form> FRUIT: <input type="radio" name=