歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:DIVCSS5首頁 > HTML >

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用法案例演示
演示:案例演示

如需轉載,請注明文章出處和來源網址:http://www.khijtf.live/html/h487.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
CSS教程文章修訂日期:2018-08-14 17:37 原創:DIVCSS5
本文www.khijtf.live DIVCSS5版權所有。

江西多乐彩走势图今天 斗鱼颜值区直播赚钱吗 抖音 快手点关注 赚钱 天天捕鱼赢话费手机版 gta5的赚钱方法 8828彩票群 梦幻诛仙怎样才能赚钱吗 福州赚钱系统服务 彩金捕鱼季下载免费 看视频赚钱小说推荐 麻将棋牌作弊器下载软件 只想赚钱的头像 拍火山小视频怎么赚钱吗 皇家88首页 汽车专业那些赚钱吗 麻将三国有没有免费的 深圳靠什么可以赚钱吗