Autofill i18n: Set postal code and state field labels based on the selected country.

chrome/browser/resources/options/autofill_edit_address_overlay.html

 <div class="page hidden" id="autoFillEditAddressOverlay">
   <h1 id="autoFillAddressTitle"></h1>
   <div class="content-area">
     <div class="input">
       <label id="fullNameLabel">
         <div><span i18n-content="fullNameLabel"></span></div>
         <input type="text" class="form" class="form" id="fullName">
       </label>
     </div>
     <div class="input">

[dhollowa, 2011/02/17 00:55:28]

As discussed, country should follow other address fields.

[Ilya Sherman, 2011/02/17 23:09:11]

Done.

+      <label id="country-label">
+        <div><span i18n-content="country-label"></span></div>
+        <select id="country"></select>
+      </label>
+    </div>
+    <div class="input">
       <label id="companyNameLabel">

[dhollowa, 2011/02/17 00:55:28]

The new id and i18n-content values seem inconsistent with the old ones.  Camel
case or hyphens throughout?

[Ilya Sherman, 2011/02/17 23:09:11]

Hyphens, but James seemed to want to change the rest in a separate CL.

         <div><span i18n-content="companyNameLabel"></span></div>
         <input type="text" class="form" class="form" id="companyName">
       </label>
     </div>
     <div class="input">
       <label id="addrLine1Label">
         <div><span i18n-content="addrLine1Label"></span></div>
         <input type="text" class="form" class="form" id="addrLine1">
       </label>
     </div>
     <div class="input">
       <label id="addrLine2Label">
         <div><span i18n-content="addrLine2Label"></span></div>
         <input type="text" class="form" class="form" id="addrLine2">
       </label>
     </div>
     <div class="table">
       <div class="row">
         <div class="input cell">
           <label id="cityLabel" for="city">
             <span i18n-content="cityLabel"></span>
           </label>
         </div>
         <div class="input cell">
-          <label id="stateLabel" for="state">
-            <span i18n-content="stateLabel"></span>
-          </label>
+          <label id="state-label" for="state"></label>

[arv (Not doing code reviews), 2011/02/21 03:09:27]

You should probably fix the other cases too or this gets too inconsistent.

[Ilya Sherman, 2011/02/23 01:17:15]

Split out to http://codereview.chromium.org/6552002/

         </div>
         <div class="input cell">
-          <label id="zipCodeLabel" for="zipCode">
-            <span i18n-content="zipCodeLabel"></span>
-          </label>
+          <label id="postal-code-label" for="postal-code"></label>
         </div>
       </div>
       <div class="row">
         <div class="input cell">
           <input type="text" class="form" id="city">
         </div>
         <div class="input cell">
           <input type="text" class="form" id="state">
         </div>
         <div class="input cell">
-          <input type="text" class="form" id="zipCode">
+          <input type="text" class="form" id="postal-code">
         </div>
       </div>
     </div>
-    <div class="input">
-      <label id="countryLabel">
-        <div><span i18n-content="countryLabel"></span></div>
-        <input type="text" class="form" class="form" id="country">
-      </label>
-    </div>
     <div class="table">
       <div class="row">
         <div class="input cell">
           <label id="phoneLabel" for="phone">
             <span i18n-content="phoneLabel"></span>
           </label>
         </div>
         <div class="input cell">
           <label id="faxLabel" for="fax">
             <span i18n-content="faxLabel"></span>
@@ skipping 18 matching lines @@
   </div>
   <div class="action-area">
     <div class="button-strip">
       <button type="reset" id="autoFillEditAddressCancelButton"
           i18n-content="cancel"></button>
       <button type="submit" id="autoFillEditAddressApplyButton" disabled
           i18n-content="ok"></button>
     </div>
   </div>
 </div>