2017年1月4日 星期三

單選鈕取直

function fun1()
{

}
</script>

<body>
<form id="f1" name="f1">
<table>
<tr>
<td width="100">性別:
    </td>
    <td width="150">
    <input type="radio" id="rd1" name="rd" value="男" checked="checked" />男
    <input type="radio" id="rd2" name="rd" value="女" />女
    </td>
    <td>學歷:
    </td>
    <td>
   
    <select id="sel" name="sel" style="width:120px">
    <option value="中學">中學  </option>
        <option value="專科">專科  </option>
        <option value="大學">大學  </option>
        <option value="研究所">研究所  </option>
        <option value="其他">其他</option>
    </select>
    </td>
</tr>
<tr><br />
<td>興趣:
</td>
<td colspan="3">

    <input type="checkbox" id="ck1" name="ck1" value="旅行" />旅行
    <input type="checkbox" id="ck2" name="ck2" value="爬山" />爬山
    <input type="checkbox" id="ck3" name="ck3" value="音樂" />音樂
    <input type="checkbox" id="ck4" name="ck4" value="讀書" />讀書
    <input type="checkbox" id="ck5" name="ck5" value="大自然" />大自然
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" id="s1" name="s1" value="確定" onclick="fun1()" />
</td>
<td colspan="2" align="center">

    <input type="reset" id="r1" name="r1" value="清除" />
</td>
</tr>
</table>
</form>
</body>

沒有留言:

張貼留言