html多选框

<input type = "checkbox" name ="">


html单选框

<input type="radio" name="">

请考虑:如果我们希望偷偷的提交数据,而且不要影响网页界面效果。可以考虑使用隐藏表单
<input type="hidden" name="" value=""/>

案例:

html-4

<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-4

代码:

<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>

相关文章:

  • 2021-08-18
  • 2021-08-10
  • 2021-12-25
  • 2021-05-29
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-20
猜你喜欢
  • 2022-12-23
  • 2021-11-24
  • 2021-11-28
  • 2022-12-23
  • 2022-12-23
  • 2021-07-06
  • 2021-11-20
相关资源
相似解决方案