文章詳情頁
html - radio的使用時如何避免整個頁面只能選一個的情況
瀏覽:88日期:2022-11-28 10:42:18
問題描述
1.做單選(radio)時,我設(shè)置了兩個項目,共4個選項,本計劃兩個項目各一個選項,但整個頁面只能單選,請問怎么回事,是用錯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.本計劃兩個項目各一個選項,但整個頁面只能選一項。
4.
問題解答
回答1:因?yàn)槟闼膫€radio的name都是sex,name相同代表在同一個組,radio在同一個組只能選中一個。解決方法,不同行設(shè)置不同name,如sex2
標(biāo)簽:
HTML
上一條:javascript - bootstrap導(dǎo)航條內(nèi)所包含元素溢出時,如何修改 @grid-float-breakpoint 變量實(shí)現(xiàn)。下一條:html5 - 打包本地html+javascript成exe的工具有哪些?
相關(guān)文章:
1. android - 安卓做前端,PHP做后臺服務(wù)器 有什么需要注意的?2. docker不顯示端口映射呢?3. mysql - 我用SQL語句 更新 行的時候,發(fā)現(xiàn)全部 中文都被清空了,請問怎么解決?4. python - 子進(jìn)程執(zhí)行完成為僵尸進(jìn)程,怎么解決5. python - xpath提取網(wǎng)頁路徑?jīng)]問題,但是缺失內(nèi)容?6. javascript - 求教各位,本地HTML頁面怎么在DIV中嵌套服務(wù)器上的頁面內(nèi)容?不用iframe。7. python-mysql Commands out of sync8. java中返回一個對象,和輸出對像的值,意義在哪兒9. javascript - 給某個類添加一個偽類,這個類有click事件,現(xiàn)在我點(diǎn)擊偽類也觸發(fā)了click事件10. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?
排行榜

熱門標(biāo)簽