HTML表单复选框<INPUT>标签


关键词

HTML表单 复选框

摘要

在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、对于一个复选按钮,用户可以选择打勾或不打勾。

 

要饭二维码

洪哥写文章很苦逼,如果本文对您略有帮助,可以扫描下方二维码支持洪哥!金额随意,先行谢过!大家的支持是我前进的动力!

文章的版权

本文属于“洪哥笔记”原创文章,转载请注明来源地址:HTML表单复选框<INPUT>标签:http://www.splaybow.com/post/html-form-input-checkbox.html

如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:115085382!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D

« HTML表单单选框<INPUT>标签 js刷新页面方法大全 »