HTML表单单选框<INPUT>标签

在HTML的表单控件中，单选框也是经常使用的控件，它一般是成组出现的，一组单选框有相同的名称，但只能选择一个。它使用的也是<INPUT>标签。

一、定义

<INPUT>标签用于表示文本框、密码框、单选框、复选框、文件上传框、普通按钮、提交按钮、重置按钮等。它是根据不同的type属性值来判断各种不同的类型的子控件的。作为单选框使用时，type属性的值为“radio”。

二、语法

<input type="radio" name="radio1" value="value1" />选项1
<input type="radio" name="radio1" value="value2" />选项2
<input type="radio" name="radio1" value="value3" />选项3

说明：这里声明了一组单框表单控件，名称为“radio1”。这组单选框有三个选项，选项的名称分别为“选项1”、“选项2”、“选项3”，三个选项对应的值分别为“value1”、“value2”、“value3”。所谓单选框，就三个选项就只能选择其一。

三、属性

<INPUT>标签作为单选按钮来讲，主要有type、name、value、checked等几个重要属性，下面一一解释。

type属性：
不同的type类型，将<INPUT>标签标记不同的<FORM>控件，值为radio时表示单选框。

name属性：
用于标记此<INPUT>标签的名称，在JavaScript中，可以很方便的通过<FORM>标签的name属性来找到这个表单，并进一步通过子控件<INPUT>标签的名称，从而找到下面的控件对象。从而就可以做出“至少选择一项”这样的判断。

value属性：
对于单选框来说，value属性的值即为当前选项被选中之后，整个<INPUT>标签的值。

checked属性：
这个是一个孤立的属性，没有值。如果非要给它加个值，那就是它自己。如：
<input type="radio" name="radio1" vlaue="value1" checked />或
<input type="radio" name="radio1" vlaue="value1" checked="checked" />

四、注意

1、单选按钮只能选择其中一项。