h5頁面制作 HTML表單里怎么樣設(shè)置單選框?
HTML表單里怎么樣設(shè)置單選框?對于單選窗體,這組選項(xiàng)的輸入類型必須設(shè)置為單選并且名稱值必須一致:示例:12345678<form action=“”><input id=“fruit”t
HTML表單里怎么樣設(shè)置單選框?
對于單選窗體,這組選項(xiàng)的輸入類型必須設(shè)置為單選并且名稱值必須一致:
示例:12345678<form action=“”><input id=“fruit”type=“radio”name=“fruit”value=“apple”/><label For=“fruit”><input id=“fruit 2”type=“radio”name=“fruit”value=“banana”/>&Ltlabel for=“fruit 2”>香蕉</label><input id=“fruit 3”type=“radio”name=“fruit”value=“orange”/>&Ltlabel for=“fruit 3”> orange</label></form>
您可以搜索radio CSS之類的關(guān)鍵字。一般有兩種方法:
①使用標(biāo)簽標(biāo)簽功能設(shè)置標(biāo)簽樣式(背景圖像或其他),隱藏收音機(jī),根據(jù)收音機(jī)選中的狀態(tài)通過JavaScript更改標(biāo)簽樣式;
②設(shè)置外觀:收音機(jī)無,并使用CSS偽元素和偽類設(shè)置radio:checked、:hover、:active、:after、where:after的樣式,而不是原始radio。然而,方法2絕對兼容并且適合HTML5開發(fā)
下面的代碼可以解決這個問題:<div><input type=“checkbox”id=“CB”/>我同意</div><script>window.onload文件=函數(shù)(){var cb=文檔.getElementById(“cb”)斷路器禁用=truesetTimeout(函數(shù)(){斷路器禁用=False},30000)}</script>
單選框可用于單個項(xiàng)目的選擇,帶有一個圓形框