We often use dropdown tabs.
for example:
We use the form drop-down list to select data, such as province, city, county, year, month and other data, we can use the drop-down menu form to set.
Form select syntax and structure
<select name="select1">
<option value="0">www.baidu.com</option>
<option value="1">www.4399.com</option>
</select>
select is the drop-down list menu label
Option is the drop-down list data label
Value is the data value of Option (for data transfer)
1 Normal drop-down menu
<form action="" method="get"> www.baidu.com <label>1, normal drop-down list menu</label> <select name=""> <option value="0">www.baidu.com</option> <option value="1">www.4399.com</option> </select> </form>
2 Jump drop-down menu (such as jumping to the selected website after a common click)
<!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. Jump drop-down list menu</label>
<select name="jumpMenu" id="jumpMenu"
onchange="MM_jumpMenu('parent',this,0)">
<option value="http://www.baidu.com/">百度</option>
<option value="http://www.4399.com/">4399游戏</option>
</select>
</form>
</body>
</html>