HTML表单复选框<INPUT>标签

HTML表单复选框<INPUT>标签

在HTML的表单控件中,复选框也是经常使用的控件,它可以让用户选择打勾或不打勾。它使用的也是<INPUT>标签。

一、定义


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

二、语法


<input type="checkbox" name="checkbox1" value="value1" />选项1

说明:这里声明了一个复选框表单控件,名称为“checkbox1”。这组复选框的内容为“选项1”,选项对应的值为“value1”。所谓复选框。

三、属性


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

type属性:
不同的type类型,将<INPUT>标签标记不同的<FORM>控件,值为checkbox时表示复选框。

name属性:
用于标记此<INPUT>标签的名称,在JavaScript中,可以很方便的通过<FORM>标签的name属性来找到这个表单,并进一步通过子控件<INPUT>标签的名称,从而找到下面的控件对象。从而就可以做出“您必须要同意我们的注册协议”这样的判断。

value属性:
对于复选框来说,value属性的值即为当前选项被选中之后,<INPUT>标签的值。

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

四、注意


1、对于一个复选按钮,用户可以选择打勾或不打勾。