HIOX印度
免费的HTML教程
 首页   ||  教程  ||  脚本  || 支持 english Español Français Deutsch

HTML Basic
导言
如何
HTML标签
html, head, body
文本操作
图像
特殊效果
使用表
形式
其他议题
反馈

HTML单选按钮标记

主题

在html中创建单选按钮的代码？
如何创建预选择单选按钮(checked)？
如何禁用单选按钮(non selectable)？



解释

单选按钮

例如代码:
<form name=myform>
<input type="radio" name=myradio value="1">一
<input type="radio" name=myradio value="2">二
<input type="radio" name=myradio value="3">三
</form>

结论:
一 二 三

定义:
在这里通过使用"input"标记来定义单选按钮。在标记中称为"TYPE=RADIO"的属性用来定义单选按钮。属性名称也应当定义，并且与前者相同。在这种情况下属性值只有在表单处理过程中才可使用。

注意: 这种类型所有的input应当有相同的名字。这个名字是他们是什么组。如果每个单选按钮有不同的名字，他们将各自进行动作。

例如代码:
<form name=myform>
<input type="radio" name=myradio1 value="1">一
<input type="radio" name=myradio2 value="2">二
<input type="radio" name=myradio3 value="3">三
</form>

结论:
一 二 三

预选单选按钮
如果我们想显示选择的单选按钮，甚至于有时候在用户尝试选择之前，我们就应该使用"checked"条目。

例如代码:
<form name=myform>
<input type="radio" name=myradio value="1" >one一
<input type="radio" name=myradio value="2" checked>二
<input type="radio" name=myradio value="3" >三
</form>


结论:
one two three

不可编辑/禁用单选按钮
通过使用"disabled"条目，我们可以创建禁用单选按钮。

例如代码:
<form name=myform>
<input type="radio" name=myradio value="1" disabled>一
<input type="radio" name=myradio value="2" checked disabled>二
<input type="radio" name=myradio value="3" disabled>三
</form>


结论:
一 二 三




privacy policy     license    
© 2004-2005 HIOX INDIA - hioxindia.com

其它链接