文章詳情頁
html - radio的使用時(shí)如何避免整個(gè)頁面只能選一個(gè)的情況
瀏覽:121日期:2022-11-28 10:42:18
問題描述
1.做單選(radio)時(shí),我設(shè)置了兩個(gè)項(xiàng)目,共4個(gè)選項(xiàng),本計(jì)劃兩個(gè)項(xiàng)目各一個(gè)選項(xiàng),但整個(gè)頁面只能單選,請問怎么回事,是用錯(cuò)type了嗎,還是缺了什么?
2.相關(guān)代碼如下:{% extends ’base.html’ %}
{% block body %}
<h2>{{ the_title }}</h2>
<form method=’POST’ action=’/search4’>
請輸入您和他(她)的信息:性別: 男<input type='radio' name='sex' /> 女<input type='radio' name='sex' />生肖: <select><option>鼠</option><option>牛</option><option>虎</option><option>兔</option><option>龍</option><option>蛇</option><option>馬</option><option>羊</option><option>猴</option><option>雞</option><option>狗</option><option>豬</option> width='60'性別: 男<input type='radio' name='sex' /> 女<input type='radio' name='sex' />生肖: <select><option>鼠</option><option>牛</option><option>虎</option><option>兔</option><option>龍</option><option>蛇</option><option>馬</option><option>羊</option><option>猴</option><option>雞</option><option>狗</option><option>豬</option>顏色(color): <input type='color' name='user_color' /><p>填好資料, 單擊此按鈕開始匹配:</p><p><input value=’開始匹配吧!’ type=’SUBMIT’></p></form>
{% endblock %}
3.本計(jì)劃兩個(gè)項(xiàng)目各一個(gè)選項(xiàng),但整個(gè)頁面只能選一項(xiàng)。
4.
問題解答
回答1:因?yàn)槟闼膫€(gè)radio的name都是sex,name相同代表在同一個(gè)組,radio在同一個(gè)組只能選中一個(gè)。解決方法,不同行設(shè)置不同name,如sex2
標(biāo)簽:
HTML
上一條:javascript - bootstrap導(dǎo)航條內(nèi)所包含元素溢出時(shí),如何修改 @grid-float-breakpoint 變量實(shí)現(xiàn)。下一條:html5 - 打包本地html+javascript成exe的工具有哪些?
相關(guān)文章:
1. docker - 各位電腦上有多少個(gè)容器啊?容器一多,自己都搞混了,咋辦呢?2. java - spring boot 如何打包成asp.net core 那種獨(dú)立應(yīng)用?3. java - 在用戶不登錄的情況下,用戶如何添加保存到購物車?4. datetime - Python如何獲取當(dāng)前時(shí)間5. javascript - nginx反向代理靜態(tài)資源403錯(cuò)誤?6. docker網(wǎng)絡(luò)端口映射,沒有方便點(diǎn)的操作方法么?7. 安全性測試 - nodejs中如何防m(xù)ySQL注入8. javascript - 關(guān)于apply()與call()的問題9. docker start -a dockername 老是卡住,什么情況?10. python - 調(diào)用api輸出頁面,會(huì)有標(biāo)簽出現(xiàn),請問如何清掉?
排行榜

熱門標(biāo)簽