datalist is done
This commit is contained in:
parent
f1cc44afa2
commit
8747bb7616
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset='utf-8'>
|
||||
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
||||
<title>HTML Tips and Tricks - Datalist Tag</title>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
||||
<link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="demo">
|
||||
<h1>Datalist Tag</h1>
|
||||
<form action="" method="get">
|
||||
<label for="fruit">Choose your fruit from the list:</label>
|
||||
<input list="fruits" name="fruit" id="fruit">
|
||||
<datalist id="fruits">
|
||||
<option value="Apple">
|
||||
<option value="Orange">
|
||||
<option value="Banana">
|
||||
<option value="Mango">
|
||||
<option value="Avacado">
|
||||
</datalist>
|
||||
<input type="submit">
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -36,6 +36,10 @@
|
|||
<a href='./output/index.html'>
|
||||
Output Tag</a> - To perform a calculation and show the result
|
||||
</li>
|
||||
<li>
|
||||
<a href='./datalist/index.html'>
|
||||
Datalist Tag</a> - Allows you to search and add elements
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
|
|
Loading…
Reference in New Issue