optgroup : select « Form « HTML / CSS
- HTML / CSS
- Form
- select
optgroup
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Form Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {font-family:arial, verdana, sans-serif;}
</style>
</head>
<body>
<form action="" method="post" name="frmSelectStaff">
<select name="selStaff">
<optgroup label="Sales">
<option value="E">E</option>
<option value="S">S</option>
<option value="A">A</option>
<option value="J">J</option>
<option value="V">V</option>
<option value="S">S</option>
</optgroup>
<optgroup label="Marketing">
<option value="B">D</option>
<option value="L">K</option>
<option value="M">M</option>
</optgroup>
<optgroup label="IT">
<option value="A">A</option>
<option value="T">T</option>
</optgroup>
<option lable="Support">
<option value="B">B</option>
<option value="A">A</option>
</option>
</select>
<input type="submit" />
</form>
</body>
</html>
Related examples in the same category