HTML select下拉列表标签
一、Form select语法与结构
<select name="select1">
<option value="0">码农教程</option>
<option value="1">www.manongjc.com</option>
</select>
二、Form select标签说明
为什么我们要使用Form select下来菜单列表呢?那是我们用于表单下拉选择所需项。
下面为大家介绍常见html Form select使用地方。
我们使用表单下拉列表选择数据,如省、市、县、年、月等数据,我们即可使用下拉菜单表单进行设置。
select 为下拉列表菜单标签
Option 为下拉列表数据标签
Value 为Option的数据值(用于数据的传值)
三、Form select使用种类:
Select下拉菜单列表表单标签,常使用有两种:
1 普通下拉列表菜单
html代码如下:
<form action="" method="get">
<label>1、普通下拉列表菜单</label>
<select name="">
<option value="0">码农教程</option>
<option value="1">html教程</option>
</select>
</form>
2 跳转下拉列表菜单(如常见点击后跳转到选择网站)
常常一些网站做友情链接,与部门之间使用select下拉标签实现网址跳转。下面我们通过代码与案例接受select跳转菜单应用。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>
<body>
<form action="" method="get">
<label>2、跳转的下拉列表菜单</label>
<select name="jumpMenu" id="jumpMenu"
onchange="MM_jumpMenu('parent',this,0)">
<option value="http://www.manongjc.com/">码农教程</option>
<option value="http://www.manongjc.com/">html教程</option>
</select>
</form>
</body>
</html>