HTML表单单选框<INPUT>标签


关键词

HTML表单 单选框

摘要

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

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、单选按钮只能选择其中一项。

 

要饭二维码

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

文章的版权

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

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

« HTML表单密码框<INPUT>标签 HTML表单复选框<INPUT>标签 »