溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html的checkbox多選復(fù)選框form控件元素怎么使用

發(fā)布時(shí)間:2022-03-18 10:59:11 來源:億速云 閱讀:392 作者:iii 欄目:web開發(fā)

這篇文章主要介紹“html的checkbox多選復(fù)選框form控件元素怎么使用”的相關(guān)知識,小編通過實(shí)際案例向大家展示操作過程,操作方法簡單快捷,實(shí)用性強(qiáng),希望這篇“html的checkbox多選復(fù)選框form控件元素怎么使用”文章能幫助大家解決問題。

Html form checkbox多選復(fù)選框控件多選

html的checkbox多選復(fù)選框form控件元素怎么使用
具有代表性多項(xiàng)選擇checkbox應(yīng)用案例

多選復(fù)選框表單控件在網(wǎng)頁中比較常見,故名可以選擇多項(xiàng)答案。

一、html checkbox多選框語法與結(jié)構(gòu)   

<input name="Fruit" type="checkbox" value="" />

使用html input標(biāo)簽,name為自定義,type類型為“checkbox”的表單

擴(kuò)展閱讀:
1、html form
2、html input
3、html radio單選按鈕

二、form checkbox用法案例  

我們就已開始時(shí)候的截圖為案例

1、對應(yīng)主要部分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多選復(fù)選框form控件元素怎么使用

關(guān)于“html的checkbox多選復(fù)選框form控件元素怎么使用”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識,可以關(guān)注億速云行業(yè)資訊頻道,小編每天都會(huì)為大家更新不同的知識點(diǎn)。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI