Use data-template at inputs in searchform

Author: line-o

src/main/xar-resources/search.html

@@ -4,18 +4,18 @@
             <div class="row mb-3">
                 <label class="col-form-label col-md-2 col-xl-1" for="inputSearch">Search for</label>
                 <div class="col-md-10 col-xl-5">
-                    <input class="form-control templates:form-control" id="inputSearch" name="q" type="text"/>
+                    <input class="form-control" data-template="templates:form-control" id="inputSearch" name="q" type="text"/>
                 </div>
                 <label class="col-form-label col-md-2 col-xl-1" for="field">In</label>
                 <div class="col-md-4 col-xl-2">
-                    <select class="form-select templates:form-control" name="field">
+                    <select class="form-select" data-template="templates:form-control" name="field">
                         <option selected="selected" value="all">All Contents</option>
                         <option value="title">Headings Only</option>
                     </select>
                 </div>
                 <label class="col-form-label col-md-2 col-xl-1" for="view">Display as</label>
                 <div class="col-md-4 col-xl-2">
-                    <select class="form-select templates:form-control" name="view">
+                    <select class="form-select" data-template="templates:form-control" name="view">
                         <option selected="selected" value="summary">Summary</option>
                         <option value="kwic">Concordance</option>
                     </select>
@@ -31,7 +31,7 @@
             </div>
         </form>
         <div class="row" id="content">
-            <div class="dq:query"></div>
+            <div data-template="dq:query"></div>
         </div>
     </div>
 </div>