第七讲 表单及表单控件②
1、需求:如果我们希望偷偷地提交数据,不要影响界面效果,可以考虑使用隐藏域。
简而言之就是可以提交数据但是不会破坏界面
相关代码:
<html>
<head>
<title>表单元素</title>
</head>
<body>
<form action="ok.html" method="get">
您最喜欢哪些城市:
<input type="checkbox" name="cities" value="beijing">北京
<input type="checkbox" name="cities" value="shanghai">上海
<input type="checkbox" name="cities" value="lundun">伦敦
<br/>
<!--name后的名字一个类别里必须是一样的,否则出现的情况是男女都可以选择-->
您性别是:
<input type="radio" name="sex" value="man">男
<input type="radio" name="sex" value="woman">女
<br/>
隐藏域的使用
<input type="hidden" name="data" value="OK"/>
下拉列表<br/>
请选择您的出生地:
<select name="address" size=3 multiple>
<option value="sichuan">四川</option>
<option value="beijing">北京</option>
<option value="xizang">西藏</option>
</select><br/>
<!--文本域-->
<textarea name="mytextarea" cols="40" rows="10">
</textarea><br/>
<!--文件上传的控件-->
<input type="file" name="myfile">上传文件<br/>
<input type="submit" value="测试"/>
<!--这是一个图片按钮-->
<input type="image" src="3.jpg">
</form>
</body>
</html>
所用图片:
代码界面显示: