html多选框
<input type = "checkbox" name ="">
html单选框
<input type="radio" name="">
请考虑:如果我们希望偷偷的提交数据,而且不要影响网页界面效果。可以考虑使用隐藏表单
<input type="hidden" name="" value=""/>
案例:
<html>
<head><title>表单元素</title></head>
<form action= "" method ="">
你喜欢哪些城市:
<input type = "checkbox" name ="cities" value=""/>北京
<input type = "checkbox" name ="cities" value=""/>上海
<input type = "checkbox" name ="cities" value=""/>深圳
<input type = "checkbox" name ="cities" value=""/>长沙<br/>
你的性别是:
<input type="radio" name="sex" value="man"/>男
<input type="radio" name="sex" value="woman/">女<br/>
影藏域的使用:
<input type="hidden" name="data" value="ok"/>
</form>
</html>
图片提交按钮
<input type="image" src="">
下拉选一个列表
<select name="address">
<option value="sichuang">四川</option>
<option value="hunan">湖南</option>
<option value="guangdong">广东</option>
<option value ="hubei">湖北</option>
</select>
文本域
<textarea cols="40" rows="10">
</textarea><br/>
文件上传
<input type="file" value="myfile">
整个案例
代码:
<html>
<head><title>表单元素</title></head>
<form action= "" method ="">
你喜欢哪些城市:
<input type = "checkbox" name ="cities" value="beijing"/>北京
<input type = "checkbox" name ="cities" value="shanghai"/>上海
<input type = "checkbox" name ="cities" value="shenzheng"/>深圳
<input type = "checkbox" name ="cities" value="changsha"/>长沙<br/>
你的性别是:
<input type="radio" name="sex" value="man"/>男
<input type="radio" name="sex" value="woman"/>女<br/>
下拉列表<br/>
请选择你的出生地:
<select name="address">
<option value="sichuang">四川</option>
<option value="hunan">湖南</option>
<option value="guangdong">广东</option>
<option value ="hubei">湖北</option>
</select><br/>
<textarea cols="40" rows="10">
</textarea><br/>
<input type="file" value="myfile">上传文件<br/>
隐藏域的使用:
<input type="hidden" name="data" value="ok"/>
<input type="submit" value="测试">
</form>
</html>