3.24申请表（表单的高级应用）
2019-03-24 本文已影响0人
Tn299
题目
(一)申请表
1.需求
(1) .教育程度：默认选中硕士
(2) .国籍：有美国、澳大利亚、日本、新加坡，默认选中澳大利亚
1.实现效果
image.png
代码
<body>
<form action="#" method="past">
<table width="700" height="400" cellpadding="0" cellspacing="0" align="center">
<tr>
<td><h1>申请表</h1></td>
</tr>
<tr>
<td>姓名<input type="text" name="username" value=""></td>
</tr>
<tr>
<td>
教育程度
<input type="checkbox" name="jy" value="ss" checked="checked">硕士
<input type="checkbox" name="jy" value="bs">博士
</td>
</tr>
<tr>
<td>
性别：
<label for="sex">男</label>
<input type="radio" name="xb" id="sex">
<label for="sexr">女</label>
<input type="radio" name="xb" id="sexr">
</td>
</tr>
<tr>
<td>月薪<input type="text" name="money" value="" maxlength="10"></td>
</tr>
<tr>
<td>附注<textarea name="fz" cols="25" rows="5">请在这里键入附注</textarea></td>
</tr>
<tr>
<td>
国籍
<select name="ads">
<option value="1" selected="selected">澳大利亚</option>
<option value="2">美国</option>
<option value="3">日本</option>
<option value="4">新加坡</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="submit" name="btn" value="提交">
<input type="reset" name="cz" value="重置">
</td>
</tr>
</table>
</form>
</body>
效果图
image.png
