How to Convert a Check Box to a Drop-Down in HTML

If you have created a hypertext markup language (HTML) web page that contains a form, you can customize the form so that it appears as you want. While multi-option check boxes can often be useful for choosing some options, where you may want to select more than one item, they are not useful for specific choices such as gender. In this case you will want to convert that check box into a drop-down menu. This requires a little rewriting of the code.

Instructions

1. Open your HTML page in your preferred Web coding editor. If you do not have one, use Notepad.

2. Locate the check-box HTML. If, for example, the check box allowed you to choose your gender it would look like this:

   <input type="checkbox" name="gender" value="male" />Male<br />

   <input type="checkbox" name="gender" value="female" />Female<br />

3. Replace that code with the following code:

   <select name="gender">

   <option value="male">Male</option>

   <option value="female">Female</option>

   </select>

References

• W3Schools: HTML Forms and Input
• W3schools: Drop-down choice