Use datalist instead of home-rolled autocomplete

[brackets.git] / frontend / index.html
diff --git a/frontend/index.html b/frontend/index.html

index 8b9b3cb..a59706e 100644 (file)
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -8,17 +8,19 @@
      </head>
      <body>
          <form id="genre-form">
+            <label for="genre-input">Pick your favorite genre:</labe>
              <input id="genre-input" 
                     type="text"
+                   list="genre-list"
                     placeholder="Genre Name"
                     autocomplete="off"/>
              <input id="genre-submit"
                     type="submit"/>
          </form>
-        <ul id="genre-list"></ul>
          <canvas id="bracket"></canvas> 
          <input id="image-upload" 
                 type="file"
                 accept="image/*">
+        <datalist id="genre-list"/>
      </body>
  </html>