57 of 133 menu

ラジオボタン

ラジオボタンは、 HTMLフォームの要素で、 丸いボタンの形をしており、選択状態と未選択状態を 切り替えることができます。

ラジオボタンは、inputタグの type属性の値をradioに設定することで作成されます。 外観:

単体のラジオボタンが使われることはほとんどなく、 グループで使用するべきです。グループ内では、 1つのボタンのみを選択できます。ボタンは、 name属性の値が同じ場合にのみ グループを形成します(以下の例を参照)。

2つのラジオボタンを作成してみましょう: 最初のボタンは選択状態(checked属性を設定)にし、 2つ目は未選択状態にします。これらのボタンはグループを形成し、 その中で1つだけを選択できるようになります( 両方のname属性の値が同じであるため)。

これらのラジオボタンには、value属性に 異なる値が設定されていることに注意してください。 これは、データがサーバーに送信された後、PHPが どのボタンが選択されたかを判別できるようにするためです:

<input type="radio" name="test" checked value="1"> <input type="radio" name="test" value="2">

:

次に、2つのラジオボタングループを作成してみましょう: 最初のグループはあるname属性値を持ち、 2番目のグループは別の値を持ちます。実際にクリックしてみると、 グループが互いに独立して切り替わるのがわかります:

<input type="radio" name="radio1" checked> <input type="radio" name="radio1"> <input type="radio" name="radio1"> <br> <input type="radio" name="radio2" checked> <input type="radio" name="radio2"> <input type="radio" name="radio2">

:

関連項目

  • チェックボックス,
    チェックマークを実装するために使用されます
  • 属性 checked,
    ラジオボタンを選択状態にします
  • 疑似クラス checked,
    選択されたラジオボタンにスタイルを適用します
  • 属性 disabled,
    フォーム要素を無効化します
  • タグ label,
    ラジオボタンのラベル(キャプション)を設定します
日本語
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否