一、将选择框变为圆形,type=“checkbox”改为type=“radio”
单选用radio(圆形) 多选用checkbox(方形)
二、label:当用户点击label标签中的文本时,浏览器就会自动将焦点转到和该标签相关联的控件上(也就是说,点击文字也能选中选项);
格式:
用例:
<form action="request4.jsp" method="post" id="form" name="form">
<center><p>爱好:<input type="radio" name="ah" value="美术" id="美术"/><label for="美术">美术  </label>
<input type="checkbox" name="ah" value="下棋" id="下棋"/><label for="下棋">下棋  </label>
<input type="radio" name="ah" value="书法" id="书法"/><label for="书法">书法  </label>
<input type="checkbox" name="ah" value="音乐" id="音乐"/><label for="音乐">音乐  </label></p></center>
<center><input type="submit" name="button" value;="提交"/>
<input type="reset" name="button" value="取消"/>
</center>
</form>