Datalist

Datalist

 
<input type="text" list="myDatalist"
   placeholder="search term" autocomplete="on" >

<datalist id="datalistWebsites" onclick="chgWebsite(2)">
	<select name="selWebsite" id="selWebsite">
		<option value="show all">show all</option>
		<option value="aagz">aagz.ethz.ch</option>
		<option value="arolla">arolla.ethz.ch</option>
		<option value="asmena">asmena.ethz.ch</option>
	</select>
</datalist>

 HTML5

<label>Choose a website from the list:
<input list="websites" name="myWebsite" /></label>
<datalist id="websites">
	<option value="show all">
	<option value="aagz">
	<option value="arolla">
	<option value="asmena">
</datalist>

HTML5 <option>: no closing tag is needed because there is no input possible, means no start & end & between

<label>Choose a website from the list:
<input list="websites" name="myWebsite" /></label>
<datalist id="websites">
	<option value="show all">show all</option>
	<option value="aagz">aagz.ethz.ch</option>
	<option value="arolla">arolla.ethz.ch</option>
	<option value="asmena">asmena.ethz.ch</option>
</datalist>