Drop down list or drop down menu is probably the best thing to have in a form for picking out options, as it takes less space than radio buttons and check boxes.

But compared to the radio buttons and check boxes, drop down menu also has its own disadvantage. The person who is filling out the form will not be able to see all the options available to them.

Here’s an example:

Here is the code to get the sae result as the sample above:

<select>
<option>testing</option>
<option>item 1</option>
<option>item 2</option>
<option>item 3</option>
<option>last item</option>
</select>

Let’s break it down:
<select> and </select>: Defines the start of a drop down menu.

Here are some elements of the <select> tag that you can use:
“name=” Name of the field.
“size=” Visible items in list.
“multiple=” Allows multiple choices.

The <option> and </option> tags defines a single item in the menu.

Here are some elements of the <option> tag that you can use:
“value=” value to be send if selected.
“selected” the default value of the menu.

So if you were to use some of the elements above, this is how it would look like:

The codes:
<select name=”Testing”>
<option id=”Test”>testing</option>
<option id=”one”>item 1</option>
<option id=”two”>item 2</option>
<option id=”three”>item 3</option>
<option id=”Last”>last item</option>
</select>