Datalist Suggestions
Medium
HTML
HTML Forms
23 views
Problem Statement
Create an input with datalist suggestions: HTML, CSS, JS.
Input Format
No input.
Output Format
Print the HTML code.
Constraints
Use datalist and list attribute.
Input / Output Format
Input Format
No input.
Output Format
Print the HTML code.
Constraints
Use datalist and list attribute.
Examples
Input:
Output:
(HTML code)
Example Solution (Public)
<!doctype html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>meetcode</title>
</head>
<body>
<form action='#' method='get'>
<label>Topic
<input name='topic' list='topics'>
</label>
<datalist id='topics'>
<option value='HTML'>
<option value='CSS'>
<option value='JS'>
</datalist>
<button type='submit'>Go</button>
</form>
</body>
</html>
Official Solution Code
<!doctype html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>meetcode</title>
</head>
<body>
<form action='#' method='get'>
<label>Topic
<input name='topic' list='topics'>
</label>
<datalist id='topics'>
<option value='HTML'>
<option value='CSS'>
<option value='JS'>
</datalist>
<button type='submit'>Go</button>
</form>
</body>
</html>
Please login to submit solutions.