<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.