Select boxes with the optgroup element : select : Form Style HTML CSS TUTORIALS

HTML CSS TUTORIALS » Form Style » select »

Select boxes with the optgroup element


 
<?xml version="1.0" ?>
<!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" lang="en" xml:lang="en">

<head>
  <title>Select boxes with the &lt;optgroup&gt; element</title>
</head>

<body>
<form action="" method="get" name="frmInfo">
  Please select the product you are interested in:<br />
  <select name="selInformation">
    <optgroup label="Hardware">
      <option value="Desktop">Desktop computers</option>
      <option value="Laptop">Laptop computers</option>
    </optgroup>
    <optgroup label="Software">
      <option value="OfficeSoftware">Office software</option>
      <option value="Games">Games</option>
    </optgroup>
    <optgroup label="Peripherals">
      <option value="Monitors">Monitors</option>
      <option value="InputDevices">Input Devices</option>
      <option value="Storage">Storage</option>
    </optgroup>
  </select>
<br /><br /><input type="submit" value="Submit" />
</form>
</body>
</html>