這個(gè)不是樣式?jīng)Q定的,是有 type決定的
創(chuàng)新互聯(lián)公司于2013年創(chuàng)立,先為包河等服務(wù)建站,包河等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為包河企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
input type="***"
type="radio" 單選按鈕
type="checkbox" 復(fù)選框
下拉列表則是如下形式出現(xiàn)的
select name="cars"
option value="volvo"Volvo/option
option value="saab"Saab/option
option value="fiat"Fiat/option
option value="audi"Audi/option
/select
單選按鈕的樣式是無法修改的,這是html固定的,跟其它控件不一樣
如果你一定要用自己的樣式覺得美觀,你可以這樣做:
自己做一張圖片,左半邊是單選按鈕選中的樣子,右半邊是沒選中的樣子,利用js和css,只顯示其中一半,當(dāng)被點(diǎn)擊時(shí)切換到另一半。
直接將radio的單選標(biāo)簽添加disable屬性即可。如下 單選選項(xiàng) 這樣的話在頁(yè)面上看到的radio button就是灰色的也不能點(diǎn)眩
form?method="post"?action=""
p
label?for="q1"
input?id="q1"?name="question"?type="radio"?checked="checked"?/A.?答案1/label
/p
p
label?for="q2"
input?id="q2"?name="question"?type="radio"?/B.?答案2/label
/p
p
label?for="q3"
input?id="q3"?name="question"?type="radio"?/C.?答案3/label
/p
p
label?for="q4"
input?id="q4"?name="question"?type="radio"?/D.?答案4/label
/p
p
label?for="q5"
input?id="q5"?name="question"?type="radio"?/E.?答案5/label
/p
/form
不需要css,html搞定