建站
咨詢
售后
建站咨詢
新聞中心
小編給大家分享一下html怎么實(shí)現(xiàn)表單的選擇框效果，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！
成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比義烏網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式義烏網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋義烏地區(qū)。費(fèi)用合理售后完善，十載實(shí)體公司更值得信賴。一、選擇框種類與語(yǔ)法
html中有兩種選擇框，即單選框和復(fù)選框，兩者的區(qū)別是單選框中的選項(xiàng)用戶只能選擇一項(xiàng)，而復(fù)選框中用戶可以任意選擇多項(xiàng)，甚至全選。
語(yǔ)法：
二、html單選框樣式
html單選框代碼：
單選框
效果圖：
從上例可以看出：
當(dāng)type="radio"時(shí)，選擇框定義為單選框；
name屬性： 定義單選按鈕的名稱，單選按鈕都是以組為單位使用的，在同一組中的單選項(xiàng)都必須用同一個(gè)名稱；
value屬性： 定義單選按鈕的值，在同一組中域值必須是不同。
當(dāng)設(shè)置 checked="checked" 時(shí)，該選項(xiàng)被默認(rèn)選中,無論單選框還是復(fù)選框都可使用，如在單選框中：
三、html復(fù)選框樣式
復(fù)選框主要是讓網(wǎng)頁(yè)瀏覽者在一組選項(xiàng)里可以同時(shí)選擇多個(gè)選項(xiàng)。每個(gè)復(fù)選框都是一個(gè)獨(dú)立的元素，都必須有唯一的一個(gè)名稱。
html復(fù)選框代碼 ：
復(fù)選框
效果圖：
從上例可以看出：
當(dāng)type="checkbox"時(shí)，選擇框定義為復(fù)選框；
name屬性： 定義復(fù)選框的名稱，在同一組中的復(fù)選框使用不同的名稱，但也可以定義為同一個(gè)名稱（數(shù)組），例：name[]；
value屬性：定義復(fù)選框的值，在同一組中域值必須是不同。
四、選擇框的name屬性
在HTML表單中，無論是一組單選按鈕（radio）還是一組復(fù)選框（checkbox）其中都要包含著name屬性。這是為了方便在處理頁(yè)面獲取表單傳遞的值。
一組單選按鈕（radio）：因?yàn)閚ame屬性里的值是相同，所以只有一個(gè)能被選中，在處理頁(yè)面就直接獲取，如$_GET['name']；
一組復(fù)選框（checkbox）：一般將name屬性里的值設(shè)置為name[]，如果被選中，則在數(shù)組name[]中添加一個(gè)元素，在處理頁(yè)面將如下獲取值:
if(!empty($_POST['name'])){
for($i=0; $i< count($_POST['name']); $i++){
echo $array[$i].'
';
}
}這樣就可以收集到表單復(fù)選框（checkbox）里傳遞來的多個(gè)不同數(shù)據(jù)。
看完了這篇文章，相信你對(duì)html怎么實(shí)現(xiàn)表單的選擇框效果有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，感謝各位的閱讀！
標(biāo)題名稱：html怎么實(shí)現(xiàn)表單的選擇框效果-創(chuàng)新互聯(lián)
地址分享：http://www.dlmjj.cn/article/cospjg.html
