The HTML select (<select>) element represents a control that presents a menu of options. The options within the menu are represented by <option> elements, which can be grouped by <optgroup> elements. Options can be pre-selected for the user.
The Material Design Lite Ext (MDLEXT) select field component is an enhanced version of the standard HTML <select> element. A select field consists of a horizontal line indicating where keyboard input can occur and, typically, text that clearly communicates the intended contents of the select field. An icon (at the right hand side) indicates that the select field has user selectable options.
Note: The select field can for some browser and OS combinations, e.g. FireFox and OSX, be off by 2 pixels compared to the input field. There is no way to fix this, as far as I know, without setting an explicit height on both field types. Since MDL does not set a specific height of the text field, it can not be done for the select field either. If alignment is required, the user must in his/hers design set a specific height both for textfields and selectfields.
Selectfield component
Textfield component
Selectfield component with floating label
Disabled selectfield component
Unstyled select element
Unstyled input element