文章詳情頁
html - radio的使用時(shí)如何避免整個(gè)頁面只能選一個(gè)的情況
瀏覽:142日期: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. css3 - sublime text2 的less2css插件怎么使用2. javascript - 微信公眾號網(wǎng)頁使用redux如何管理用戶刷新?3. css3 - 求clearfix使用方法4. html5 - z-index在瀏覽器調(diào)試有效 手機(jī)測試無效5. javascript - 微信小程序 如何實(shí)現(xiàn)這種左滑動(dòng)出現(xiàn)刪除的辦法?有相關(guān)api嗎?6. css - 不用position:absolute怎么實(shí)現(xiàn)類似的功能7. angular.js - angularjs的自定義過濾器如何給文字加顏色?8. docker-machine添加一個(gè)已有的docker主機(jī)問題9. 關(guān)于docker下的nginx壓力測試10. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問題。
排行榜

熱門標(biāo)簽