Tag: select tag

HTML <select> Attributes

HTML <select> autofocus Attribute A drop-down list with autofocus: <select autofocus> <option value=”volvo”>Volvo</option> <option value=”saab”>Saab</option> <option value=”opel”>Opel</option> <option value=”audi”>Audi</option> </select> Try it Yourself » Definition and Usage The autofocus attribute is a boolean attribute. When present, it specifies that the drop-down list should automatically get focus when the page loads. HTML <select> disabled Attribute A disabled drop-down list: <select disabled> <option value=”volvo”>Volvo</option> <option value=”saab”>Saab</option> <option value=”mercedes”>Mercedes</option> <option value=”audi”>Audi</option> </select> […]

HTML <optgroup> Attributes

HTML <optgroup> disabled Attribute A disabled option-group: <select> <optgroup label=”German Cars” disabled> <option value=”mercedes”>Mercedes</option> <option value=”audi”>Audi</option> </optgroup> </select> Try it Yourself » Definition and Usage The disabled attribute is a boolean attribute. When present, it specifies that an option-group should be disabled. A disabled option-group is unusable and un-clickable. The disabled attribute can be set to keep a user from selecting […]

HTML <select> Tag

Example Create a drop-down list with four options: <select> <option value=”volvo”>Volvo</option> <option value=”saab”>Saab</option> <option value=”mercedes”>Mercedes</option> <option value=”audi”>Audi</option> </select> Try it Yourself » Definition and Usage The <select> element is used to create a drop-down list. The <option> tags inside the <select> element define the available options in the list. Browser Support Element <select> Yes Yes Yes Yes Yes Tips and Notes […]

HTML <optgroup> Tag

Example Group related options with <optgroup> tags: <select> <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> Try it Yourself » Definition and Usage The <optgroup> is used to group related options in a drop-down list. If you have a long list of options, groups of related options are easier to handle for […]