CSSでラジオを選択する方法

CSS では、ラジオ オブジェクトを使用してラジオ選択を作成できます。input 要素で "" スタイルを設定するだけです。ラジオ ボタンは、相互に排他的なオプション ボタンのセットの 1 つを表します。1 つのボタンが選択されると、前に選択されていたボタンは選択解除されます。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

1. ラジオ ボタン コントロールの構文

<input name="Fruit" type="radio" value="" />

HTML 入力タグを使用し、名前はカスタマイズされ、タイプは「ラジオ」フォームです。

Radio オブジェクトは の HTML フォーム ラジオ ボタンを表します。

が HTML フォームに表示されるたびに、Radio オブジェクトが作成されます。

ラジオ ボタンは、相互に排他的なオプション ボタンのセットの 1 つを表します。ボタンを選択すると、以前に選択されていたボタンの選択が解除されます。

ラジオ ボタンが選択されている場合、または選択されていない場合、ボタンは onclick イベント ハンドラーをトリガーします。

Radio オブジェクトにアクセスするには、フォームの elements[] 配列を反復処理するか、 document.getElementById() を使用します。

2. ラジオ ラジオ ボタンの構文例

html コード

  
    
    
    
    
  
  
    

      您最喜欢水果？


      <input name="Fruit" type="radio" value="" />苹果 
      <input name="Fruit" type="radio" value="" />桃子 
      <input name="Fruit" type="radio" value="" />香蕉 
      <input name="Fruit" type="radio" value="" />梨 
      <input name="Fruit" type="radio" value="" />其它 
    
  

スクリーンショット

推奨される学習: CSS ビデオ チュートリアル

以上がCSSでラジオを選択する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。