Optgroup element


The <optgroup> element is used to group together related <option> elements within a parent <select> drop-down list.Try this code--

 <html>

<body>


<h1>The optgroup element</h1>


<Comment>The optgroup tag is used to group related options in a drop-down list:</comment>


  <label for="cars">Choose a car:</label>

  <select name="cars" id="cars">

    <optgroup label="Swedish Cars">

      <option value="volvo">Volvo</option>

      <option value="saab">Saab</option>

    </optgroup>

    <optgroup label="German Cars">

      <option value="mercedes">Mercedes</option>

      <option value="audi">Audi</option>

    </optgroup>

  </select>

  <br><br>

  <input type="submit" value="Submit">

</form>

 

</body>

</html>

Output will be-



Comments

Post a Comment

Popular posts from this blog

Frameset in HTML

Image
 We can merge two website by Frameset. The HTML <frameset> tag is used to divide the window into frames . This tag is not supported in HTML5. Creating Frames To use frames on a page we use <frameset> tag instead of <body> tag. The <frameset> tag defines, how to divide the window into frames. The rows attribute of <frameset> tag defines horizontal frames and cols attribute defines vertical frames. Each frame is indicated by <frame> tag and it defines which HTML document shall open into the frame. Code for Frameset- <!DOCTYPE html> <html>    <head>       <title>HTML Frames</title>    </head>    <frameset rows = "10%,80%,10%">       <frame name = "top" src = "/html/top_frame.htm" />       <frame name = "main" src = "/html/main_frame.htm" />       <frame name = "bottom" src = "/html/bottom_frame.htm" /...
Read more