Materialize provides a select feature to create options that can be easily selected to provide more information for the web forms. The following are different select feature:
- simple select-option: allows to select an option from select dropdown. For this, <select> and <option> tags are used.
- select dropdown with multiple selection of options: allows to select more than one option from select dropdown. For this, multiple attribute are used in <select> tag.
- select dropdown with option groups: allows to select from a list is a category based from select dropdown.
- select dropdown with images: allows to display images with options.
- select dropdown with browser defaults: it can be used with default class in select tag.
Disabled Styles:
Materialize select provides disabled feature that has its own use. To make whole thing unselectable, add disabled attribute to the select element and to disable individual options then add disabled to the options.
Example:
Output:
👁 Image
