Allow Caps Lock to be remapped [part 2 of 2]

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

 <div id="keyboard-overlay" class="page" hidden>
   <div class="close-button"></div>
   <h1 i18n-content="keyboardOverlayTitle"></h1>
   <div class="content-area">
     <table class="option-control-table">
        <tr>
          <td>
            <label class="option-name" for="remap-search-key-to"
                i18n-content="remapSearchKeyToContent">
            </label>
@@ skipping 23 matching lines @@
            <label class="option-name" for="remap-alt-key-to"
                i18n-content="remapAltKeyToContent">
            </label>
          </td>
          <td class="option-value">
            <select id="remap-alt-key-to" class="control" data-type="number"
                pref="settings.language.xkb_remap_alt_key_to"
                i18n-options="remapAltKeyToValue" dialog-pref></select>
          </td>
        </tr>
-<!-- TODO(yusukes): Show this UI when --has-chromeos-keyboard flag is not
-                    passed to Chrome.
-       <tr>
+       <!-- The caps lock section is hidden by default. This is only visible
+            when --has-chromeos-keyboard flag is not passed. -->
+       <tr id="caps-lock-remapping-section" hidden>
          <td>
            <label class="option-name" for="remap-caps-lock-key-to"
                i18n-content="remapCapsLockKeyToContent">
            </label>
          </td>
          <td class="option-value">
            <select id="remap-caps-lock-key-to" class="control"
                data-type="number"
                pref="settings.language.remap_caps_lock_key_to"
                i18n-options="remapCapsLockKeyToValue" dialog-pref></select>
          </td>
        </tr>
--->
     </table>
   </div>
   <div class="action-area">
     <div class="button-strip">
       <button id="keyboard-cancel" type="reset" i18n-content="cancel"></button>
       <button id="keyboard-confirm" type="submit" i18n-content="ok"></button>
     </div>
   </div>
 </div>