<option> Tag Examples

Examples of the option tag in HTML 5
Example of <option> tags under an HTML <select> tag for options in an HTML drop-down box
(see <option> tag demo above)
<form method="POST" action="development-language.cgi">
   <label>Language:</label>
   <select name="language">
      <option value="">Select a language ...</option>
      <option value="cpp-c-sharp">C++ / C#</option>
      <option value="html">HTML</option>
      <option value="java">Java</option>
      <option value="javascript">JavaScript</option>
      <option value="objective-c">Objective-C</option>
      <option value="perl">Perl</option>
      <option value="php">PHP</option>
      <option value="ruby-on-rails">Ruby on Rails</option>
   </select>
</form>
Example of <option> tags for options in a <datalist>
<form method="post" action="">
   <input name="datalist-item" list="datalist-items" size="40"
      style="border: 1px solid black"
   />
   <datalist id="datalist-items">
      <p>Your browser does not support the HTML 5 <datalist> tag yet.<br/>
         (This is the fallback code - you should only see one text item below.)
      </p>
      <option value="datalist item without label"/>
      <option value="datalist item with label" label="label for datalist item"/>
      <option value="datalist item with text">text for datalist item</option>
      <optgroup label="Grouped items">
         <option value="optgroup item without label"/>
         <option value="optgroup item with label" label="label for optgroup item"/>
      </optgroup>
   </datalist>
</form>

In browsers that do not support the <datalist> tag, the text content of any <option> tags ("text for datalist item" above) appears along with any other fallback code. Therefore, it is better to use the label attribute for the label instead.