add tabindex 1/2 to search and tags fields

[github/shaarli/Shaarli.git] / tpl / linklist.html
diff --git a/tpl/linklist.html b/tpl/linklist.html

index 766a80ce83044e9f5f07ee8b6df3d725e26414e9..a59a9e510abcc2ae9725a150631a9fcd46bfb5db 100644 (file)
--- a/tpl/linklist.html
+++ b/tpl/linklist.html
@@ -1,12 +1,22 @@
  <!DOCTYPE html>
  <html>
-<head>{include="includes"}</head>
+<head>
+    <link type="text/css" rel="stylesheet" href="../inc/awesomplete.css" />
+    {include="includes"}
+</head>
  <body>
  <div id="pageheader">
      {include="page.header"}
      <div id="headerform" class="search">
-        <form method="GET" class="searchform" name="searchform"><input type="text" id="searchform_value" name="searchterm" placeholder="Search text" value=""> <input type="submit" value="Search" class="bigbutton"></form>
-        <form method="GET" class="tagfilter" name="tagfilter"><input type="text" name="searchtags" id="tagfilter_value" placeholder="Filter by tag" value=""> <input type="submit" value="Search" class="bigbutton"></form>
+        <form method="GET" class="searchform" name="searchform">
+            <input type="text" tabindex="1" id="searchform_value" name="searchterm" placeholder="Search text" value=""> <input type="submit" value="Search" class="bigbutton"></form>
+        <form method="GET" class="tagfilter" name="tagfilter">
+            <input type="text" tabindex="2" name="searchtags" id="tagfilter_value" placeholder="Filter by tag" value="" list="tagsList" autocomplete="off" class="awesomplete" data-minChars="1">
+            <datalist id="tagsList">
+                {loop="$tags"}<option>{$key}</option>{/loop}
+            </datalist>
+            <input type="submit" value="Search" class="bigbutton">
+        </form>
      </div>
  </div>
  
@@ -129,5 +139,6 @@ function showQrCode(caller,loading)
      return false;
  }
  </script>
+<script src="inc/awesomplete.min.js#"></script>
  </body>
  </html>