ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML の ラジオ ボタン コントロール ラベルの使用分析とデフォルトのselection_html/css_WEB-ITnose の設定方法

HTML の ラジオ ボタン コントロール ラベルの使用分析とデフォルトのselection_html/css_WEB-ITnose の設定方法

WBOY
WBOYオリジナル
2016-06-24 11:53:593133ブラウズ

Radio オブジェクトは、HTML フォームのラジオ ボタンを表します。 が HTML フォームに表示されるたびに、Radio オブジェクトが作成されます。ラジオ ボタンは、相互に排他的なオプション ボタンのセットの 1 つを表します。ボタンを選択すると、以前に選択されていたボタンの選択が解除されます。ラジオ ボタンが選択または選択解除されると、ボタンは onclick イベント ハンドラーを起動します。 Radio オブジェクトにアクセスするには、フォームの elements[] 配列をループするか、 document.getElementById() を使用します。 www.169it.com によって収集および整理されています

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

1

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

2. ラジオ ボタンのコード例

1. HTML コード スニペット:

1

3

4

5

6

7

8

あなたの好きな果物は何ですか?

2. コード例 2 (デフォルトで選択された設定例):

1

2
3

生徒

教師
管理者

2 つのコード例では、checked="checked" はデフォルトの選択項目設定を示します。

3. コード例 3 (js 操作ラジオ):

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

2 2

23

24

25

26

27

28

29

30

< ;meta http-equiv="Content-Type" content="text/html; charset=gbk">