Tutorial by Examples

The <select> element generates a drop-down menu from which the user can choose an option. <select name=""> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> ...

You can neatly group your options within a selection menu in order to provide a more structured layout in a long list of options by using the <optgroup> element. The syntax is very basic, by simply using the element with a label attribute to identify the title for the group, and containing ze...

The options inside a selection menu are what the user will be selection. The normal syntax for an option is as follows: <option>Some Option</option> However, it's important to note that the text inside the <option> element itself is not always used, and essentially becomes the ...

The <datalist> tag specifies a list of pre-defined options for an <input> element. It provide an "autocomplete" feature on <input> elements. Users will see a drop-down list of options as they write. <input list="Languages"> <datalist id="Langua...