HTMLラジオボタンとは

HTML（HyperText Markup Language）ドキュメントでは、ラジオボタンはユーザーが選択できる視覚要素の一種です。 HTMLラジオボタンは、ユーザーにいくつかのオプションを提供しますが、指定されたオプションのいずれか1つのみを一度に選択できるため、ユニークです。 HTMLラジオボタンの最も一般的な使用法の1つは、ユーザー入力フォーム内で選択をキャプチャすることです。ただし、スクリプトまたは他のプログラムによって選択および選択解除イベントをインターセプトし、他の要素のインスタントセレクターとして機能させることもできますWebページ。 カスケードスタイルシート（CSS）とJavaScript®を使用することにより、HTMLラジオボタンは表示にカスタムイメージを使用し、デフォルトの外観をオーバーライドできます。 HTMLラジオボタンを使用できる状況の例には、2つの異なるオプションから1つの値しか持てない性別の選択、または複数の住所がリストされている場合の単一の配送先住所の選択が含まれます。

いくつかの側面では、HTMLラジオボタンはHTMLチェックボックスに似ています。 各ボタンには、レイアウト内のボタンが配置されている場所に表示される画像またはテキストラベルが割り当てられます。 このラベルの横にあるのは、ラジオボタンが選択されていない場合は空で、選択されている場合はその中にドットまたはその他の塗りつぶしパターンがある円です。 ユーザーは円をクリックして選択できます。 HTMLラジオボタンのユニークな側面は、ボタンが選択されると、同じグループ内の他のすべてのボタンが選択解除され、一度に1つの項目のみが選択されることです。 これはチェックボックスとは異なります。チェックボックスは似ていますが、任意の数のオプションを一度に選択できます。

HTMLラジオボタンのプロパティには、その使用に重要な2つの値があります。 1つ目は、HTMLドキュメント内でラジオボタンが属するグループを識別する名前フィールドで、2つ目は値フィールドです。 ボタンが選択されると、グループとも呼ばれる同じ名前の他のラジオボタンはすべて選択解除されます。 異なるグループ名を使用すると、同じドキュメント内に異なるラジオボタンのセットが存在できます。 値タグは、ラジオボタンが選択され、スクリプトまたはプログラムに送信されて処理されるときのラジオボタンの実際の戻り値です。

HTMLラジオボタンの視覚的な表示は、いくつかの方法で変更できます。 標準のHTMLおよびCSSの配置値を使用することにより、画像を配置するのとほぼ同じ方法で、ドキュメント内にボタンを動的に配置できます。 ボタンの外観、特に円と選択した円の画像は、CSSとJavaScript®でドキュメントオブジェクトモデル（DOM）を操作することで完全にカスタマイズし、ユーザー生成の画像に置き換えることができます。別に。