optgroup : select : Form Style HTML CSS TUTORIALS


HTML CSS TUTORIALS » Form Style » 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>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Form Style
» select