Fix for= usage in chromeos internet detail overlay

chrome/browser/resources/options/chromeos/internet_detail.html

 <div id="details-internet-page" class="page" hidden>
   <div class="close-button"></div>
   <!-- Network header -->
   <div id="network-details-header">
     <div id="network-details-title"></div>
     <div id="network-details-subtitle">
       <span id="network-details-subtitle-status"></span>
       <span id="network-details-subtitle-separator"> - </span>
       <span id="network-details-subtitle-type"></span>
     </div>
@@ skipping 49 matching lines @@
           tab-contents="network-proxy-tab">
         <span class="tab-label" i18n-content="proxyTabLabel"></span>
         <span class="active-tab-label" i18n-content="proxyTabLabel"></span>
       </span>
     </div>
     <div id="wifi-network-tab" class="subpages-tab-contents wifi-details">
       <section>
         <table class="option-control-table">
           <tr id="prefer-network">
             <td>
-              <div class="checkbox">
-                <span class="controlled-setting-with-label">
+              <div class="checkbox controlled-setting-with-label">
+                <label>
                   <input id="prefer-network-wifi" type="checkbox">
                   <span>
-                    <label for="prefer-network-wifi"
-                        i18n-content="inetPreferredNetwork">
-                    </label>
-                    <span class="controlled-setting-indicator"
-                        managed="Priority" for="prefer-network-wifi">
-                    </span>
+                    <span i18n-content="inetPreferredNetwork">
+                    <span class="controlled-setting-indicator"></span>
                   </span>
-                </span>
+                </label>
               </div>
             </td>
           </tr>
           <tr class="auto-connect-network">
             <td>
-              <div class="checkbox">
-                <span class="controlled-setting-with-label">
+              <div class="checkbox controlled-setting-with-label">
+                <label>
                   <input id="auto-connect-network-wifi" type="checkbox">
                   <span>
-                    <label for="auto-connect-network-wifi"
-                        i18n-content="inetAutoConnectNetwork">
-                    </label>
+                    <span i18n-content="inetAutoConnectNetwork">
                     <span class="controlled-setting-indicator"
-                        managed="AutoConnect" for="auto-connect-network-wifi">
-                    </span>
+                        managed="AutoConnect"></span>
                   </span>
-                </span>
+                </label>
               </div>
             </td>
           </tr>
         </table>
       </section>
       <section>
         <table id="wifi-settings-table">
           <tr>
             <td class="option-name" i18n-content="connectionState"></td>
             <td id="wifi-connection-state" class="option-value"></td>
@@ skipping 41 matching lines @@
             </td>
           </tr>
         </table>
       </section>
     </div>
     <div id="wimax-network-tab" class="subpages-tab-contents wimax-details">
       <section>
         <table class="option-control-table">
           <tr class="auto-connect-network">
             <td>
-              <div class="checkbox">
-                <span class="controlled-setting-with-label">
+              <div class="checkbox controlled-setting-with-label">
+                <label>
                   <input id="auto-connect-network-wimax" type="checkbox">
                   <span>
-                    <label for="auto-connect-network-wimax"
-                        i18n-content="inetAutoConnectNetwork">
-                    </label>
+                    <span i18n-content="inetAutoConnectNetwork"></span>
                     <span class="controlled-setting-indicator"
-                        managed="AutoConnect" for="auto-connect-network-wimax">
-                    </span>
+                        managed="AutoConnect"></span>
                   </span>
-                </span>
+                </label>
               </div>
             </td>
           </tr>
         </table>
       </section>
       <section>
         <table id="wimax-settings-table">
           <tr>
             <td class="option-name" i18n-content="connectionState"></td>
             <td id="wimax-connection-state" class="option-value"></td>
@@ skipping 20 matching lines @@
             </td>
           </tr>
         </table>
       </section>
     </div>
     <div id="vpn-tab" class="subpages-tab-contents vpn-details">
       <section>
         <table class="option-control-table">
           <tr class="auto-connect-network">
             <td>
-              <div class="checkbox">
-                <span class="controlled-setting-with-label">
+              <div class="checkbox controlled-setting-with-label">
+                <label>
                   <input id="auto-connect-network-vpn" type="checkbox">
                   <span>
-                    <label for="auto-connect-network-vpn"
-                        i18n-content="inetAutoConnectNetwork">
-                    </label>
+                    <span i18n-content="inetAutoConnectNetwork"></span>
                     <span class="controlled-setting-indicator"
-                        managed="AutoConnect" for="auto-connect-network-vpn">
-                    </span>
+                        managed="AutoConnect"></span>
                   </span>
-                </span>
+                </label>
               </div>
             </td>
           </tr>
           <tr>
             <td class="option-name" i18n-content="inetServiceName"></td>
             <td id="inet-service-name" class="option-value"></td>
           </tr>
           <tr>
             <td class="option-name" i18n-content="inetServerHostname"></td>
             <td>
               <input class="option-value" id="inet-server-hostname"></input>
-              <span class="controlled-setting-indicator"
-                  managed="VPN.Host" for="inet-server-hostname"></span>
+              <span class="controlled-setting-indicator" managed="VPN.Host">
+              </span>
             </td>
           </tr>
           <tr>
             <td class="option-name" i18n-content="inetProviderType"></td>
             <td id="inet-provider-type" class="option-value"></td>
           </tr>
           <tr>
             <td class="option-name" i18n-content="inetUsername"></td>
             <td id="inet-username" class="option-value"></td>
           </tr>
@@ skipping 40 matching lines @@
             <td class="option-name" i18n-content="errorState"></td>
             <td id="error-state" class="option-value"></td>
           </tr>
           <tr class="gsm-only apn-list-view">
             <td class="option-name" i18n-content="cellularApnLabel"></td>
             <td id="cellular-apn-label" class="option-value">
               <select id="select-apn">
                 <option value="-1" i18n-content="cellularApnOther">
                 </option>
               </select>
-              <span class="controlled-setting-indicator" data="providerApnList"
-                  for="select-apn"></span>
+              <span class="controlled-setting-indicator" data="providerApnList">
+              </span>
             </td>
           </tr>
           <tr class="gsm-only apn-details-view">
             <td class="option-name" i18n-content="cellularApnLabel"></td>
             <td id="cellular-apn-label" class="option-value">
               <input id="cellular-apn" type="text">
             </td>
           </tr>
           <tr class="gsm-only apn-details-view">
             <td class="option-name" i18n-content="cellularApnUsername"></td>
@@ skipping 13 matching lines @@
               <button id="cellular-apn-use-default"
                   i18n-content="cellularApnUseDefault"></button>
               <button id="cellular-apn-set"
                   i18n-content="cellularApnSet"></button>
               <button id="cellular-apn-cancel"
                   i18n-content="cellularApnCancel"></button>
             </td>
           </tr>
           <tr>
             <td colspan="2">
-              <div class="checkbox">
-                <span class="controlled-setting-with-label">
+              <div class="checkbox controlled-setting-with-label">
+                <label>
                   <input id="auto-connect-network-cellular" type="checkbox">
                   <span>
-                    <label for="auto-connect-network-cellular"
-                        i18n-content="inetAutoConnectNetwork">
-                    </label>
+                    <span i18n-content="inetAutoConnectNetwork"></span>
                     <span class="controlled-setting-indicator"
-                        managed="AutoConnect"
-                        for="auto-connect-network-cellular">
-                    </span>
+                        managed="AutoConnect"></span>
                   </span>
-                </span>
+                </label>
               </div>
             </td>
           </tr>
         </table>
       </section>
     </div>
     <div id="cellular-device-tab" class="subpages-tab-contents
         cellular-details">
       <section id="cellular-device-options">
         <table class="option-control-table">
@@ skipping 55 matching lines @@
             <td class="option-name" i18n-content="connectionState"></td>
             <td id="connection-state" class="option-value"></td>
           </tr>
           <tr id="hardware-address-row">
             <td class="option-name" i18n-content="hardwareAddress"></td>
              <td id="hardware-address" class="option-value"></td>
           </tr>
         </table>
       </section>
       <section id="ipconfig-section">
-        <div id="ip-automatic-configuration" class="checkbox">
-          <span class="controlled-setting-with-label">
+        <div id="ip-automatic-configuration"
+            class="checkbox controlled-setting-with-label">
+          <label>
             <input id="ip-automatic-configuration-checkbox"
                 type="checkbox">
             <span>
-              <label for="ip-automatic-configuration-checkbox"
-                  i18n-content="ipAutomaticConfiguration">
-              </label>
-              <span class="controlled-setting-indicator" data="ipconfigDHCP"
-                  for="ip-automatic-configuration">
+              <span i18n-content="ipAutomaticConfiguration"></span>
+              <span class="controlled-setting-indicator" data="ipconfigDHCP">
               </span>
             </span>
-          </span>
+          </label>
         </div>
         <div>
         <table id="ip-address-settings">
           <tr>
             <td class="spacer" width="14px"></td>
             <td class="option-name" i18n-content="inetAddress"></td>
             <td><div id="ip-address"></div></td>
           </tr>
           <tr>
             <td class="spacer" width="14px"></td>
@@ skipping 59 matching lines @@
               </div>
             </td>
           </tr>
         </table>
       </section>
     </div>
     <div id="security-tab"
          class="subpages-tab-contents cellular-details gsm-only">
       <div id="cellular-security-options">
         <section>
-          <div id="sim-pin-lock" class="checkbox">
-            <span class="controlled-setting-with-label">
+          <div id="sim-pin-lock" class="checkbox controlled-setting-with-label">
+            <label>
               <input id="sim-card-lock-enabled" type="checkbox">
               <span>
-                <label for="sim-card-lock-enabled" i18n-content="lockSimCard">
-                </label>
-                <span class="controlled-setting-indicator"
-                    data="simCardLockEnabled" for="sim-card-lock-enabled">
-                </span>
+                <span i18n-content="lockSimCard"></span>
+                <span class="controlled-setting-indicator"></span>
               </span>
-            </span>
+            </label>
           </div>
         </section>
         <section>
           <div id="change-pin-area">
             <button id="change-pin" i18n-content="changePinButton"></button>
-            <span class="controlled-setting-indicator" data="simCardLockEnabled"
-                for="change-pin"></span>
+            <span class="controlled-setting-indicator"
+                data="simCardLockEnabled"></span>
           </div>
         </section>
       </div>
     </div>
     <div id="network-proxy-tab" class="subpages-tab-contents">
       <section>
         <div id="network-proxy-info-banner" hidden>
           <span id="banner-text" class="page-banner-text"></span>
         </div>
         <div class="radio">
@@ skipping 153 matching lines @@
       </button>
       <button id="details-internet-configure" i18n-content="configureButton">
       </button>
       <button id="activate-details" i18n-content="activateButton"></button>
       <button id="buyplan-details" i18n-content="buyplanButton"></button>
       <button id="view-account-details" i18n-content="viewAccountButton">
       </button>
     </div>
   </div>
 </div>