歡迎來到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版權所有。

江西多乐彩走势图今天