文章詳情頁(yè)
html - radio的使用時(shí)如何避免整個(gè)頁(yè)面只能選一個(gè)的情況
瀏覽:100日期: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è)頁(yè)面只能單選,請(qǐng)問怎么回事,是用錯(cuò)type了嗎,還是缺了什么?
2.相關(guān)代碼如下:{% extends ’base.html’ %}
{% block body %}
<h2>{{ the_title }}</h2>
<form method=’POST’ action=’/search4’>
請(qǐng)輸入您和他(她)的信息:性別: 男<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è)頁(yè)面只能選一項(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. mysql 查詢身份證號(hào)字段值有效的數(shù)據(jù)2. 視頻文件不能播放,怎么辦?3. node.js - nodejs開發(fā)中常用的連接mysql的庫(kù)4. python bottle跑起來以后,定時(shí)執(zhí)行的任務(wù)為什么每次都重復(fù)(多)執(zhí)行一次?5. mysql - 把一個(gè)表中的數(shù)據(jù)count更新到另一個(gè)表里?6. 請(qǐng)教使用PDO連接MSSQL數(shù)據(jù)庫(kù)插入是亂碼問題?7. mysql - 分庫(kù)分表、分區(qū)、讀寫分離 這些都是用在什么場(chǎng)景下 ,會(huì)帶來哪些效率或者其他方面的好處8. python - 爬蟲模擬登錄后,爬取csdn后臺(tái)文章列表遇到的問題9. visual-studio - Python OpenCV: 奇怪的自動(dòng)補(bǔ)全問題10. Python爬蟲如何爬取span和span中間的內(nèi)容并分別存入字典里?
排行榜

熱門標(biāo)簽