HTML5: How to specify a list of pre-defined options for input controls?

Last update on August 19 2022 21:51:56 (UTC/GMT +8 hours)

Solution:

HTML Code:

<!doctype html>  
<html>  
<head>  
<title>HTML5 datalist example</title>  
</head>  
<body>  
<input list="Languages" />   
<datalist id="Languages">  
<option value="PHP">  
<option value="ASP">  
<option value="Python">  
<option value="Ruby">  
<option value="Java">  
</datalist>  
</body>  
</html>

Live Demo:

See the Pen datalist-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser