Search This Blog

2023/04/21

datalist tag in HTML 5

 Here we created datalist and then assigned to input,when we go to fill value

in input it will provide us auto-completion feature with possible options
in datalist assigned.

<!DOCTYPE html>
<html>
<body>

<h1>The datalist element</h1>

<form action="/action_page.php" method="get">
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
<input type="submit">
</form>

<p><strong>Note:</strong> The datalist tag is not supported in Safari 12.0
(or earlier).</p>

</body>
</html>

No comments:

Post a Comment