Clear passphrase/password input elements before loading the sync setup ui

chrome/browser/resources/options/sync_setup_overlay.html

 <div id="sync-setup-overlay" class="page" hidden>
   <div id="sync-setup-login" hidden>
     <h1 i18n-content="syncSetupOverlayTitle"></h1>
     <div class="content-area">
       <div>
         <!-- top-blurb-error's reset state is handled differently from most
              elements. Instead of being [hidden] it is visibility:hidden so it
              still takes up space. But it is also [hidden] when we display the
              captcha, so when it is reset, it needs to be shown. -->
         <div id="top-blurb-error"
@@ skipping 35 matching lines @@
                       </tr>
                       <tr id="email-row" class="reset-shown">
                         <td nowrap="nowrap">
                           <div class="end-aligned">
                             <span i18n-content="emailLabel">
                             </span>
                           </div>
                         </td>
                         <td>
                           <input id="gaia-email" type="text" name="email"
-                              size="18" value="" class="reset-enabled">
+                              size="18" value=""
+                              class="reset-enabled reset-value">
                           <span id="email-readonly" hidden></span>
                         </td>
                       </tr>
                       <tr id="access-code-label-row"
                           class="access-code-row reset-hidden" hidden>
                         <td colspan="2">
                           <span i18n-content="enterAccessCode"></span>
                         </td>
                       </tr>
                       <tr id="access-code-help-row"
@@ skipping 13 matching lines @@
                               hidden>
                           </div>
                         </td>
                       </tr>
                       <tr id="password-row" class="reset-shown">
                         <td class="end-aligned">
                           <span i18n-content="passwordLabel"></span>
                         </td>
                         <td>
                           <input id="gaia-passwd" type="password" name="passwd"
-                              size="18" class="reset-enabled">
+                              size="18" class="reset-enabled reset-value">
                         </td>
                       </tr>
                       <tr id="access-code-input-row"
                           class="access-code-row reset-hidden" hidden>
                         <td colspan="2">
                           <input id="access-code" type="password"
                               name="accessCode" size="18">
                         </td>
                       </tr>
                       <tr>
@@ skipping 247 matching lines @@
             </div>
             <div id="sync-custom-passphrase" hidden>
               <div id="sync-passphrase-message">
                 <span i18n-content="sectionExplicitMessagePrefix"></span>
                 <a href="http://google.com/dashboard" target="_blank"
                     i18n-content="sectionExplicitMessagePostfix"></a>
                 <span>.</span>
               </div>
               <div class="sync-custom-passphrase-input">
                 <input id="custom-passphrase" type="password"
+                    class="reset-value"
                     i18n-values="placeholder:passphraseLabel">
               </div>
               <div class="sync-custom-passphrase-input">
                 <input id="confirm-passphrase" type="password"
+                    class="reset-value"
                     i18n-values="placeholder:confirmLabel">
               </div>
               <div id="empty-error" class="error"
                   i18n-content="emptyErrorMessage" hidden></div>
               <div id="mismatch-error" class="error"
                   i18n-content="mismatchErrorMessage" hidden></div>
             </div>
           </div>
           <div id="sync-existing-passphrase-container" hidden>
             <div id="enter-passphrase">
               <div id="normal-body" i18n-content="enterPassphraseBody" hidden>
               </div>
               <div id="passphrase-rejected-body"
                   i18n-content="enterOtherPassphraseBody" hidden>
               </div>
             </div>
             <div id="passphrase-input">
               <input id="passphrase" name="passphrase" type="password"
+                  class="reset-value"
                   i18n-values="placeholder:passphraseLabel">
               <div id="incorrect-passphrase" class="error"
                    i18n-content="incorrectPassphrase" hidden>
               </div>
             </div>
-            <div id="sync-passphrase-warning">
+            <div id="sync-passphrase-warning"
+                 i18n-values=".innerHTML:passphraseRecover" hidden>
             </div>
           </div>
         </div>
         <div class="action-area">
           <div class="action-area-link-container">
             <a id="use-default-link" href="#" i18n-content="useDefaultSettings">
             </a>
           </div>
           <div id="choose-datatypes-throbber" class="throbber"></div>
           <input id="choose-datatypes-ok" type="submit" i18n-values="value:ok">
           <input id="choose-datatypes-cancel" type="button"
               i18n-values="value:cancel">
         </div>
       </form>
     </div>
   </div>
 </div>