html checkbox多选框语法与结构

来源：互联网发布：java程序员要学什么编辑：程序博客网时间：2024/05/17 06:29

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

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

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

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

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

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

二、form checkbox用法案例 - TOP

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

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用法案例截图

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

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

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h487.shtml

0 0