HTML Code:
<!doctype html><!-- HTML5 document type declaration -->
<html><!-- Start of HTML document -->
<head><!-- Start of head section -->
<title>HTML5 datalist example</title><!-- Sets the title of the webpage -->
</head><!-- End of head section -->
<body><!-- Start of body section -->
<input list="Languages" /><!-- Input element with a datalist attribute -->
<datalist id="Languages"><!-- Datalist element with options for input suggestions -->
<option value="PHP"><!-- Option for PHP -->
<option value="ASP"><!-- Option for ASP -->
<option value="Python"><!-- Option for Python -->
<option value="Ruby"><!-- Option for Ruby -->
<option value="Java"><!-- Option for Java -->
</datalist><!-- End of datalist element -->
</body><!-- End of body section -->
</html><!-- End of HTML document -->
Explanation:
Live Demo:
See the Pen datalist-answer by w3resource (@w3resource) on CodePen.
See the solution in the browser
Supported browser
What is the difficulty level of this exercise?
Test your Programming skills with w3resource's quiz.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4