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

2019-09-11 郑州网站建设  

Html form 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案例截图

Checkbox用法案例截图


html Checkbox用法案例截图

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

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


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/1989.html转载请标明出处,谢谢合作!
标签:
  • html checkbo
  • checkbox多选
  • html多