Bug 159582 - search/knob.html.tmpl should use <label> for the radiobuttons.…

template/en/default/search/knob.html.tmpl

@@ -68,8 +68,9 @@
   <table>
     <tr>
       <td>
-        <input type="radio" name="cmdtype" value="doit" checked="checked">
-        Run this search
+        <input type="radio"id="cmdtype-doit"
+               name="cmdtype" value="doit" checked="checked">
+        <label for="cmdtype-doit">Run this search</label>
       </td>
       <td>&nbsp;</td>
     </tr>
@@ -77,34 +78,38 @@
     <tr>
       <td valign="top">
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-        <input type="checkbox" name="remember" value="1" 
+        <input type="checkbox" id="remember" name="remember" value="1" 
                onclick="remCheckboxChanged()">
-        and remember it
+        <label for="remember">and remember it</label>
       </td>
       <td>
-        <input type="radio" name="remtype" value="asnamed" 
+        <input type="radio" id="remtype-asnamed"
+               name="remtype" value="asnamed" 
                onclick="remTypeChanged()">
-        with this name: 
+        <label for="remtype-asnamed">with this name:</label>
         <input type="text" name="newqueryname"><br>
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-          <input type="checkbox" name="tofooter" value="1">
-          and put it in my page footer<br>          
-        <input type="radio" name="remtype" value="asdefault"
+          <input type="checkbox" id="tofooter" name="tofooter" value="1">
+          <label for="tofooter">and put it in my page footer</label><br>
+        <input type="radio" id="remtype-asdefault"
+               name="remtype" value="asdefault"
                onclick="remTypeChanged()">
-        as my default options for this page<br>
+        <label for="remtype-asdefault">
+          as my default options for this page
+        </label><br>
       </td>
     </tr>
   
     <tr>
       <td colspan="2">
         [% IF namedqueries.size > 0 %]
-          <input type="radio" name="cmdtype" value="dorem">
+          <input type="radio" id="cmdtype-dorem" name="cmdtype" value="dorem">
           <select name="remaction" onclick="selectDoRem()">
             <option value="run">Run</option>
             <option value="load">Load</option>
             <option value="forget">Forget</option>
           </select>
-          my remembered search:
+          <label for="cmdtype-dorem">my remembered search:</label>
           <select name="namedcmd" onclick="selectDoRem()">
             [% FOREACH query = namedqueries %]
               <option value="[% query FILTER html %]">