html5單選按鈕
㈠ html 怎麼設置單選框的樣式
1、首先打開編輯器，然後新建一個html文件，編寫入基本的框架。
㈡ html語言製作網頁單選框
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function clearradio(obj, count) {//obj:input中 name="col1name1" 不含最後數字的部分col1name， count一列中需要清除的行數
for (var j = 1; j <= count; j++) {
var name = obj + "" + j; //組合radio的name
var radioarray = document.getElementsByName(name); //獲得radio
for (var i = 0; i < radioarray.length; i++) {//清除
radioarray[i].checked = false;
}
}
return false;
}
</script>
<style type="text/css">
table
{
border: solid gray 1px;
}
td
{
border: solid gray 1px;
}
</style>
</head>
<body>
<table style="border: solid gray 1px">
<tr>
<td>
</td>
<td align="center">
第一列
</td>
<td align="center">
第二列
</td>
<td align="center">
第三列
</td>
</tr>
<tr>
<td>
第一行
</td>
<td>
<input type="radio" name="col1name1" id="radio1" /><label for="radio1">保存</label>
<input type="radio" name="col1name1" id="radio2" /><label for="radio2">發送</label>
</td>
<td>
<input type="radio" name="col2name1" id="radio3" /><label for="radio3">保存</label>
<input type="radio" name="col2name1" id="radio4" /><label for="radio4">發送</label>
</td>
<td>
<input type="radio" name="col3name1" id="radio5" /><label for="radio5">保存</label>
<input type="radio" name="col3name1" id="radio6" /><label for="radio6">發送</label>
</td>
</tr>
<tr>
<td>
第二行
</td>
<td>
<input type="radio" name="col1name2" id="radio7" /><label for="radio7">保存</label>
<input type="radio" name="col1name2" id="radio8" /><label for="radio8">發送</label>
</td>
<td>
<input type="radio" name="col2name2" id="radio9" /><label for="radio9">保存</label>
<input type="radio" name="col2name2" id="radio10" /><label for="radio10">發送</label>
</td>
<td>
<input type="radio" name="col3name2" id="radio11" /><label for="radio11">保存</label>
<input type="radio" name="col3name2" id="radio12" /><label for="radio12">發送</label>
</td>
</tr>
<tr>
<td>
第三行
</td>
<td>
<input type="radio" name="col1name3" id="radio13" /><label for="radio13">保存</label>
<input type="radio" name="col1name3" id="radio14" /><label for="radio14">發送</label>
</td>
<td>
<input type="radio" name="col2name3" id="radio15" /><label for="radio15">保存</label>
<input type="radio" name="col2name3" id="radio16" /><label for="radio16">發送</label>
</td>
<td>
<input type="radio" name="col3name3" id="radio17" /><label for="radio17">保存</label>
<input type="radio" name="col3name3" id="radio18" /><label for="radio18">發送</label>
</td>
</tr>
<tr>
<td>
</td>
<td align="center">
<input type="button" id="radioclear1" onclick="return clearradio('col1name',3)" value="清除" />
</td>
<td align="center">
<input type="button" id="radioclear2" onclick="return clearradio('col2name',3)" value="清除" />
</td>
<td align="center">
<input type="button" id="radioclear3" onclick="return clearradio('col3name',3)" value="清除" />
</td>
</tr>
</table>
</body>
</html>
㈢ html語言有沒有類似單選框,但是可以自己輸入的標簽
你指的是什麼呢？html的單選框的寫法就是這么規定的，你按照一下寫法是不會出錯的。
<inputtype="radio"name=""value=""checked="checked"/>
具體可以參考：http://www.w3school.com.cn/tags/tag_input.asp
㈣ html5 單選按鈕為什麼出現可以多選情況
首先一定要給所有單選組設置同一個name，這樣才能在這組內的radio只能選回一個，如答
<input type="radio" name="radio">男</input>
<input type="radio" name="radio">女</input>
㈤ html單選框驗證
<form id="loginform" action="user_add.php" method="post" name="form1">
<div name="c_hot_tad_login">
<p>電話 <input name="tel_number" type="text" size="13" name="tel" value="" /></p>
<p>電郵 <input name="email" type="text" size="13" name="email" value="" /></p>
<p>性別
<input type="radio" name="sex" value="1" />男
<input type="radio" name="sex" value="0" />女</p>
<p>學系/職業 <input type="text" size="13" name="work" value="" /></p>
<p>年級
<input type="radio" name="green" value="1" checked="checked"/>1
<input type="radio" name="green" value="2" />2
<input type="radio" name="green" value="3" />3
<input type="radio" name="green" value="4" />4
<input type="radio" name="green" value="5" />inapplicable</p>
<p>是否為lienjoys會員
<input type="radio" name="vip" value="1" />是
<input type="radio" name="vip" value="0">否 （<span>選否會有pop up window:是否要同時注冊成為lifenjoys會員 是/否</span>）</p>
<p>免責申明 <input name="inputTextbk" type="text" size="13" value="disclalmer content here" /></p>
<div>
<input type="radio" name="age" value="1" />我已年滿18歲</div>
<div name="login_ok">
<input type="image" src="img/login_ok.jpg" onClick="return checkInput();"/></div>
<script type="text/javascript">
function checkInput() {
var num = document.getElementById("tel_number").value;
if(num==""){
alert("請輸入你的的電話號碼!");
document.form1.tel_number.focus()
return false
}
var partten = /^1[3,5]\d{9}$/;
if(num!=""&&!partten.test(num)){
alert("您輸入的電話號碼的格式不正確!");
document.form1.tel_number.focus()
return false
}
var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if(document.form1.email.value=="") {
alert("郵箱不能為空");
return false;
}
else
{
if(document.form1.email.value!=""){
if(!myreg.test(document.form1.email.value)){
alert('提示\n\n請輸入有效的E_mail！');
document.form1.email.focus();//把游標聚焦到輸入框
return false;
}
}
}
var Obj = document.getElementsByName("sex");
for(i=0;i<Obj.length;i++){if(Obj[i].checked){break}};
if(i==Obj.length){alert("請選擇性別！");return false}else{}
if(document.form1.work.value=="")
{
alert("請輸入你的學系/職業！");
document.form1.work.focus()
return false
}
var Obj = document.getElementsByName("green");
for(i=0;i<Obj.length;i++){if(Obj[i].checked){break}};
if(i==Obj.length){alert("請選擇年級！");return false}else{}
var Obj = document.getElementsByName("vip");
for(i=0;i<Obj.length;i++){if(Obj[i].checked){break}};
if(i==Obj.length){alert("請選擇你是否要成為會員！");return false}else{}
var Obj = document.getElementsByName("age");
for(i=0;i<Obj.length;i++){if(Obj[i].checked){break}};
if(i==Obj.length){alert("你沒選中你已經滿18周歲的單選框！");return false}else{alert("你已經滿18周歲了！")}
}
</script>
</form>
代碼我給你重寫了，你是從別的地方拷貝的把！亂七八糟！主要改的是，添加了form表單名字，和input框名字，以及JS重新改動！要是沒問題，請點贊把！
㈥ HTML如何更改單選按鈕圓圈裡面的顏色
單選按鈕的樣式是無法修改的，這是html固定的，跟其它控制項不一樣 如果你一定要回用自己的樣式覺得美答觀，你可以這樣做： 自己做一張圖片，左半邊是單選按鈕選中的樣子，右半邊是沒選中的樣子，利用js和css，只顯示其中一半，當被點擊時切換到另一半。HTML如何更改單選按鈕圓圈裡面的顏色
㈦ 【html表單】如何實現，選擇radio單選按鈕的不同項，後續的表單內容也跟著改變求指點
你可以進行一個邏輯判斷，動態的顯示後面的復選框內容。
寫個js腳本，拿到你選中的版權radio中的value值，如果是女，就動態添加4.5.6復選框，具體js語法還得靠自己慢慢琢磨啊，這個東西告訴一遍會了，以後還是會忘記，重要的是要學會去查相關的js文檔，http://www.w3school.com.cn/index.html這個網站可以幫到你。
㈧ html單選框怎麼設置選中後為藍色呢
一般有兩個方法：
① 利用 label 標簽特性，給 label 定好樣式（背景圖什麼的），隱藏 radio，通過 javascript 根據 radio checked 狀態來改變 label 的樣式；
② 給 radio 設定 appearance: none;，利用 css 偽元素和偽類，去設定 radio :checked、:hover、:active、:after的樣式，其中 :after 是代替 radio 原本的樣子。
但方法 ② 肯定存在兼容性，適合 html5 開發
㈨ html 單選按鈕 如何控制單選
1、首先在新建的靜態頁面插入這個文件，如下圖所示。
㈩ html怎麼才能實現把單選按鈕的值在不提交情況下傳給隱藏表單
嗯，理解你的意思，其實很簡單啊，只要取出單選按鈕的值，然後賦值給隱藏的表單即可。
當你點擊提交的時候隱藏的表單就有值了：
varmyvalue=document.getElementById("content_rank5").value;
document.getElementById("content_rank").value=myvalue;這樣依賴隱藏的input就有值了。
希望能幫到你！！~