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

html-css010

html中<radio>单选按钮控件标签用法解析及如何设置默认选中,第1张

单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。

当单选按钮被选中或不选中时,该按钮就会触发 onclick 事件句柄。可通过遍历表单的 elements[] 数组来访问 Radio 对象,或者通过使用 document.getElementById()。

excel2010控件单选按钮的用法:

1、 在“开发工具”选项卡的“控件”组中选择“插入→选项按钮(窗体控件)”。

2、这时鼠标指针会变成细十字形,在工作表需要放置选项按钮的位置单击或拖动,即可绘制一个选项按钮。用同样的方法绘制多个选项按钮。

代码:

效果:

实现原理:

在单项按钮<input type="radio">与复选按钮<input type="checkbox">中,通过checked="checked"代码可以实现默认选择某项。如果需要将默认选项更改为“冲浪”只需要将代码checked="checked"移到"冲浪"选项中即可。

代码含义:

<input type="radio"> 定义单选按钮。

<input type="radio"  checked="checked">定义此选项为默认选项

<input type="checkbox">定义多选按钮。

<input type="checkbox"  checked="checked">定义此选项为默认选项

代码原件:

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题</title>

</head>

<body>

<form>

<input name="radiobutton" type="radio" value="radiobutton"  >男

<input name="radiobutton" type="radio" value="radiobutton" checked="checked">女

</form>

<form>

爱好:

<input name="checkbox"  type="checkbox" value="checkbox" >游泳

<input name="checkbox"  type="checkbox" value="checkbox" checked="checked">高尔夫

<input name="checkbox"  type="checkbox" value="checkbox" >冲浪

</form>

</body>

</html>

在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选。请看下面的例子:

语法:

<input type="radio/checkbox" value="值"name="名称" checked="checked"/>

1、type:

当 type="radio" 时,控件为单选框

当 type="checkbox" 时,控件为复选框

2、value:提交数据到服务器的值(后台程序PHP使用)

3、name:为控件命名,以备后台程序 ASP、PHP 使用

4、checked:当设置 checked="checked" 时,该选项被默认选中

注意:同一组的单选按钮,name 取值一定要一致,比如上面例子为同一个名称“radioLove”,这样同一组的单选按钮才可以起到单选的作用。