欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >

HTML基础必学列表

html checkbox多选复选框form控件元素

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

具有代表性多项选择checkbox应用案例
具有代表性多项选择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代码:

  1. <form action="" method="get"> 
  2. 您喜欢的水果?<br /><br /> 
  3. <label><input name="Fruit" type="checkbox" value="" />苹果 </label> 
  4. <label><input name="Fruit" type="checkbox" value="" />桃子 </label> 
  5. <label><input name="Fruit" type="checkbox" value="" />香蕉 </label> 
  6. <label><input name="Fruit" type="checkbox" value="" />梨 </label> 
  7. </form> 

2、html案例截图

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

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

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

如需转载,请注明文章出处和来源网址:/html/h487.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2013-04-27 12:03 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。