How to Create Pull Down Boxes

Pull down boxes are form elements in HTML code that allow you to create a box with various selections in it. The user can click on the box to pull down a drop-down menu and select one of the choices, at which point the box returns to its normal look. You can create this type of pull down box in your own HTML code by using the right type of code.

Instructions

1. Open your HTML file and navigate to the portion of the code where you want to add a pull down box.

2. Decide what elements you want to have in the pull down box. For example, if you want three choices to appear, named "Example 1," "Example 2" and "Example 3" you will be able to create a pull down box with those three choices in it.

3. Type the following code into your HTML document, without the surrounding quotes:

   "<SELECT NAME="Example"><OPTION SELECTED> Example 1 <OPTION> Example 2 <OPTION> Example 3 </SELECT>."

   This will create a pull down box whose internal ID name is "Example" and which has 3 selections on the menu, the first of which is automatically selected, called "Example 1."

References

• UWEC: Create a Pull-Down Menu