首頁 > web前端 > html教學 > html中<radio>单选按钮控件标签用法解析及如何设置默认选中_html/css_WEB-ITnose

html中<radio>单选按钮控件标签用法解析及如何设置默认选中_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:53:59
原創
3147 人瀏覽過

Radio 对象代表 HTML 表单中的单选按钮。在 HTML 表单中 每出现一次,一个 Radio 对象就会被创建。单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。当单选按钮被选中或不选中时,该按钮就会触发 onclick 事件句柄。您可通过遍历表单的 elements[] 数组来访问 Radio 对象,或者通过使用 document.getElementById()。由www.169it.com搜集整理

一、单选按钮控件语法

1

使用html input标签,name为自定义,type类型为“radio”的表单.

二、radio单选按钮代码举例

1、html代码片段:

1

2

3

4

5

6

7

8

您最喜欢水果?

2.举例代码片段二(默认选中设置举例):

1

2

3

学生

教师

管理员

在代码举例二种, checked="checked" 表示默认选中项设置。

3.代码举例三(js操作radio):

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

<script></script>

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板