html中的下拉列表框,单选框和复选框
下拉列表框:
下拉列表框是指允许⽹页浏览者从下拉式菜单中选择某⼀项,我们通常会在⽹页中看到各种下拉列表框,这是⼀种最节省空间的⽅式。正常情况下,浏览者只能看见⼀个选项,单击选项按钮打开菜单后才能看到全部的选项。其基本语法格式为:
下⾯是⼀个实例:
上图
单选框:
其基本语法格式为:
<input type="radio" name="field-name" cheaked value="value"/>
下⾯是⼀个实例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>⽆标题⽂档</title>
</head>
<body>
<form>
请选择你最感兴趣的图书类型:
<br>
html下拉菜单的制作方法<input type="radio" name="book" value="Book1">⽹站编程<br>
<input type="radio" name="book" value="Book2">办公软件<br>
<input type="radio" name="book" value="Book3">设计软件<br>
<input type="radio" name="book" value="Book4" checked="checked">⽹络管理<br>
</form>
</body>
</html>
运⾏如下:
复选框:
复选框主要是让⽹页浏览者在⼀组选项⾥能同时选择多个选项。
<input type="cheakbox" name="field-name" cheaked value="value"/>
下⾯是⼀个实例:
<form>
请选择你最感兴趣的图书类型:
<br>
<input type="checkbox" name="book" value="Book1">⽹站编程<br>
<input type="checkbox" name="book" value="Book2">办公软件<br>
<input type="checkbox" name="book" value="Book3" checked="checked">设计软件<br> <input type="checkbox" name="book" value="Book4" checked="checked">⽹络管理<br> </form>
运⾏如图:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论