How can I implement a select-style drop down menu in HTML with an option that is a text input?

The idea being that someone can either select from a list of predefined options, or input their own option.

2

1 Answer

You can use input text with "list" attribute, which refers to the datalist of values.

<input type="text" name="city" list="cityname"> <datalist> <option value="Boston"> <option value="Cambridge"> </datalist>

This creates a free text input field that also has a drop-down to select predefined choices. Attribution for example and more information:

8