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">

[James Hawkins, 2011/02/12 20:32:45]

Why are you moving the position of the country input?

[Ilya Sherman, 2011/02/16 10:27:18]

Different countries have different address formats.  This extends beyond just
distinctions like "postal code" vs "zip code" -- the choice of country affects
which order the address fields should be presented in (http://crbug.com/56605). 
David and I thought such changes would feel more natural if the controlling
element -- the country <select> field -- were above the remaining address
elements.

It's less important for now, with just field labels changing, but similar
reasoning applies -- it feels a little off if an element toward the bottom of
the page changes the elements above it.

That said, I'm not sure if it's better to have the country <select> at the very
top of the form, or immediately above the other address fields.  I switched to
the latter for this revision.

+      <label id="countryLabel">

[James Hawkins, 2011/02/12 20:32:45]

IDs use dash-form. I realize that this file is using the old style (camelCase). 
I'll fix that after you commit this.

[Ilya Sherman, 2011/02/16 10:27:18]

Done.

+        <div><span i18n-content="countryLabel"></span></div>
+        <select id="country">
+          <option value=""></option>

[James Hawkins, 2011/02/12 20:32:45]

It appears you're filling the select element in the JS. Remove this option.

[Ilya Sherman, 2011/02/16 10:27:18]

Done.

+        </select>
+      </label>
+    </div>
+    <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">
       <label id="companyNameLabel">
         <div><span i18n-content="companyNameLabel"></span></div>
         <input type="text" class="form" class="form" id="companyName">
       </label>
@@ skipping 16 matching lines @@
           <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>
         </div>
         <div class="input cell">
-          <label id="zipCodeLabel" for="zipCode">
-            <span i18n-content="zipCodeLabel"></span>
+          <label id="postalCodeLabel" for="postalCode">

[James Hawkins, 2011/02/12 20:32:45]

dash-form ID

[Ilya Sherman, 2011/02/16 10:27:18]

Done.

+            <span i18n-content="postalCodeLabel"></span>
           </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="postalCode">

[James Hawkins, 2011/02/12 20:32:45]

dash-form ID

[Ilya Sherman, 2011/02/16 10:27:18]

Done.

         </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>