diff --git a/datalist/index.html b/datalist/index.html
new file mode 100644
index 0000000..e93496a
--- /dev/null
+++ b/datalist/index.html
@@ -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>
\ No newline at end of file
diff --git a/index.html b/index.html
index f93633c..53ac657 100644
--- a/index.html
+++ b/index.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>
