- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
- 11XP系統怎么清除緩存？
- 12AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
[摘要]在使用表單提交數據的時候，為了減少用戶的一些操作，使用選擇框是一個好主意。本章給大家介紹html如何實現表單的選擇框效果？單選框與復選框的實現（代碼實例）。通過單選框代碼和復選框代碼實例，實現單選框樣式和多選框樣式，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。一、選擇框種類與語法...
在使用表單提交數據的時候，為了減少用戶的一些操作，使用選擇框是一個好主意。本章給大家介紹html如何實現表單的選擇框效果？單選框與復選框的實現（代碼實例）。通過單選框代碼和復選框代碼實例，實現單選框樣式和多選框樣式，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。一、選擇框種類與語法
html中有兩種選擇框，即單選框和復選框，兩者的區別是單選框中的選項用戶只能選擇一項，而復選框中用戶可以任意選擇多項，甚至全選。
語法：
<input type="radio/checkbox" value="值" name="名稱" checked="checked"/>
二、html單選框樣式
html單選框代碼：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>單選框</title> </head> <body> <form name="form" method="post" action=""> 你是否喜歡運動？<br /> <input type="radio" name="radio" value="喜歡"/>喜歡 <input type="radio" name="radio" value="不喜歡"/>不喜歡 <input type="radio" name="radio" value="無所謂"/>無所謂 </form> </body> </html>
效果圖：
從上例可以看出：
當type="radio"時，選擇框定義為單選框；
name屬性： 定義單選按鈕的名稱，單選按鈕都是以組為單位使用的，在同一組中的單選項都必須用同一個名稱；
value屬性： 定義單選按鈕的值，在同一組中域值必須是不同。
當設置 checked="checked" 時，該選項被默認選中,無論單選框還是復選框都可使用，如在單選框中：
三、html復選框樣式
復選框主要是讓網頁瀏覽者在一組選項里可以同時選擇多個選項。每個復選框都是一個獨立的元素，都必須有唯一的一個名稱。
html復選框代碼 ：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>復選框</title> </head> <body> <form name="form" method="post" action=""> 你喜歡什么運動？<br /> <input type="checkbox" name="checkbox" value="跑步" checked="checked"/>跑步 <input type="checkbox" name="checkbox" value="羽毛球"/>羽毛球 <input type="checkbox" name="checkbox" value="乒乓球"/>乒乓球 <input type="checkbox" name="checkbox" value="乒乓球"/>登山 </form> </body> </html>
效果圖：
從上例可以看出：
當type="checkbox"時，選擇框定義為復選框；
name屬性： 定義復選框的名稱，在同一組中的復選框使用不同的名稱，但也可以定義為同一個名稱（數組），例：name[]；
value屬性：定義復選框的值，在同一組中域值必須是不同。
四、選擇框的name屬性
在HTML表單中，無論是一組單選按鈕（radio）還是一組復選框（checkbox）其中都要包含著name屬性。這是為了方便在處理頁面獲取表單傳遞的值。
一組單選按鈕（radio）：因為name屬性里的值是相同，所以只有一個能被選中，在處理頁面就直接獲取，如$_GET['name']；
一組復選框（checkbox）：一般將name屬性里的值設置為name[]，如果被選中，則在數組name[]中添加一個元素，在處理頁面將如下獲取值:
if(!empty($_POST['name'])){
for($i=0; $i< count($_POST['name']); $i++){
echo $array[$i].'<br />';
}
}這樣就可以收集到表單復選框（checkbox）里傳遞來的多個不同數據。
以上就是html如何實現表單的選擇框效果？單選框與多選框的實現（代碼實例）的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
最新教程 本月人氣
- 1免費8組騰訊視頻會員賬號分享（2017.4.21）
- 2免費4組愛奇藝會員賬號密碼分享（2017.4.21）
- 3免費的芒果tv會員賬號分享（2017.4.20）
- 4最新6組騰訊視頻會員賬號分享（2017.4.20）
- 5最新8組騰訊視頻會員賬號分享（2017.4.19）
- 6斗魚tv酬勤是什么？斗魚tv酬勤如何算？
- 7QQ影音合并多個音頻文件的方法
- 82017NBA總決賽什么時候？2017NBA總決賽直播地址列表
- 9愛奇藝會員賬號密碼免費分享（2017.4.18）
- 10百度云會員賬號免費分享（2017.4.18）
- 11免費6組騰訊視頻會員賬號共享（2017.4.27）
- 12騰訊視頻會員賬號共享（2017.4.26更新）
相關文章
- html空格代碼是什么？html空格代碼如何寫？（總結）
- 什么是html文件？html格式如何打開？（圖）
- 詳談HTML中script標簽（附代碼）
- 使用HTML+CSS設計一個容易的用戶注冊頁面【示例】
- html base標簽有什么作用?base標簽的作用區分(附案例)
- html base標簽如何用？html base標簽的用法總結
- html input標簽的屬性有哪一些？input標簽的用法總結（附案例）
- html搜索框如何設置？html搜索框input標簽的使用方法案例
- html中的label標簽如何設置高度？label標簽的使用方法說明
- html label標簽的作用是什么？html label標簽的用法方法詳細說明
- html label標簽的for屬性有什么作用？對于label標簽的for屬性說明
- html button標簽如何使用？html button標簽有什么作用？
