select ... ⁄select Example
Example select
- < autofocus name="options_group" required multiple size="6"> ... <⁄>
Interpretation: the selection list is focused (autofocus), can be referenced through "options_group" name (name="options_group"), inside this selection list at least 1 option must be selected (required), multiple options can be selected, it is allowed (multiple) and by default 6 options will be displayed (shown) to the user (size="6")
The above interpretation is demonstrated in the video below.
Video demonstration select element, example
HTML5 select element, example Tutorial
| min | video details |
|---|---|
| 00:05 | example: the select control with 5 attributes |
| 00:10 | the 5 attributes are: autofocus, name, required, multiple, size |
| 00:20 | autofocus: the select control is focused when page is loaded |
| 00:32 | name: 'options_group' represents the name of the control |
| 00:39 | required: it means that at least 1 option is required to be selected |
| 00:47 | multiple: multiple options are allowed to be selected |
| 00:53 | size: 6 represents the number of options shown to the user (the entire list of options displays in this case, vertical scrollbar inactive) |