Html form 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代碼:
- <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.rs2pl.com/html/h487.shtml