<html>
<head>
</head>
<body>
<b>请选中你喜欢的运动项目</b>
<form action="ok.html" method="get">
<input type="checkbox" name="sports" value="lanqiu">篮球<br/>
<input type="checkbox" name="sports" value="zuqiu">足球<br/>
<input type="checkbox" name="sports" value="shouqiu">手球<br/>
<br/>
<b>请选中你喜欢的书</b><br/>
<input type="checkbox" name="books" value="wuxia">武侠<br/>
<input type="checkbox" name="books" value="yanqing">言情<br/>
<input type="checkbox" name="books" value="tanxian">探险<br/>
<br/>
<b>请选中你的性别</b><br/>
<input type="radio" name="sex" value="man">男<br/>
<input type="radio" name="sex" value="woman">女<br/>
<input type="radio" name="sex" value="zhong">中<br/>
<br>
<b>图片</b><br/>
<input type="image" src="3.jpg">
<br/>
<input type="image" src="3.jpg">
<br/>
<b>下拉列表</b>
<br/>
请选择你喜欢的城市
<select name="address">
<!--此处应该注意-->
<option value="choose" selected="selected">--请选中--</option>
<option value="beijing">北京</option>
<option value="beijing">上海</option>
<option value="beijing">云南</option>
</select><br/>
<b>文本域</b><br/>
<textarea name="mytext" rows="10" cols="40">
</textarea>
<br/>
<b>文件控件</b><br/>
请选中你喜欢的文件
<input type="file" name="myfile"><br/>
<input type="submit" value="提交"/>
<br/>
<input type="image" src="3.jpg">
</form>
</body>
</html>
最后效果:
注:只是为了达到练习效果,可能所有图片与页面不吻合。