您的位置:CSS5 > HTML >

 

checkbox 复选框控件元素教程

 

Html form checkbox多选复选框控件多选

具有代表性多项选择checkbox应用案例
具有代表性多项选择checkbox应用案例

多选复选框表单控件在网页中比较常见,故名可以选择多项答案。

一、html checkbox多选框语法与结构

<input name="Fruit" type="checkbox" value="" />

使用html input标签,name为自定义,type类型为“checkbox”的表单

扩展阅读:
1、html form
2、html input
3、html radio单选按钮

二、form checkbox用法案例

我们就已开始时候的截图为案例

1、对应主要部分HTML代码:

<form action="" method="get"> 
您喜欢的水果?<br /><br />
<label><input name="Fruit" type="checkbox" value="" />苹果 </label>
<label><input name="Fruit" type="checkbox" value="" />桃子 </label>
<label><input name="Fruit" type="checkbox" value="" />香蕉 </label>
<label><input name="Fruit" type="checkbox" value="" />梨 </label>
</form>

2、html案例截图

html Checkbox用法案例
html Checkbox用法案例截图

当然以后CSS5会为大家介绍通过CSS扩展这个多选框控件样式,让其更漂亮。

3、Checkbox用法案例演示
演示:案例演示

标签(Tag): 表单 checkbox 多选
本文分享URL地址:http://css5.com.cn/html/487.shtml

更多

上一页: 上一篇:style标签html元素教程
下一页: 下一篇:label标签 html教程

 

CSS必备基础教程 - TOP

 

热门信息

 

CSS5更新 - TOP

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期::2009-06-01     点击:
原创:CSS5     来源网址:http://css5.com.cn/html/487.shtml
本文css5.com.cn(DIV CSS) CSS5版权所有,欢迎转载,并注明出处来源及URL!