chrome/test/data/autofill/heuristics/input/08_register_aol.com.html

   1 <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
   2 <!--Form Location: https://new.aol.com/productsweb/?promocode=825345&ncid=txtlnkuswebr00000106--><head>
   3 <title>AOL</title>
   4 <meta http-equiv="Pragma" content="no-cache">
   5 <meta http-equiv="Expires" content="-1">
   6
   7 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
   8 <!--[if IE]><style type="text/css">div.errCont {padding-top:10px;}</style><![endif]--><meta name="viewport" content="width=760, initial-scale=0.4, minimum-scale=0.4">
   9 <!-- Custom JavaScript --><meta http-equiv="Pragma" content="no-cache">
  10 <meta http-equiv="Expires" content="-1">
  11 </head>
  12 <body>
  13
  14           <div id="header-g3">
  15             <div class="top-nav-signin">
  16                 <div class="top-nav-links">
  17                 <span class="aol-help"><a href="http://www.aol.com/" class="bigger-aol">Aol.</a> | <a href="http://help.aol.com/">Help</a></span>
  18                 <span class="sigin-link">Already have a username? <a href="https://my.screenname.aol.com/_cqr/login/login.psp?offerId=aol-com-jv3-en-us&amp;sitedomain=startpage.aol.com&amp;siteState=http://www.aol.com&amp;lang=en&amp;locale=us" class="login-link" id="loginLink">Sign In</a></span>
  19                 </div>
  20             </div>
  21         </div>
  22
  23         <div class="main-cont">
  24             <div class="form-container">
  25                 <div class="top-edge-cont"></div>
  26
  27                 <div class="mid-edge-cont">
  28                     <form name="initRegistrationActionForm" id="initRegistrationActionForm" action="/productsweb/subflows/FreeMemberRegistration/FreeAolRegistrationAction.do" class="mainCont" method="post" >
  29                         <div class="beforeRegFields">
  30
  31                         </div>
  32
  33
  34
  35
  36
  37
  38
  39
  40
  41
  42
  43
  44                             <fieldset class="contBlock" id="createEmail">
  45 <h3>Create Your Account</h3>
  46
  47
  48
  49
  50
  51
  52
  53
  54
  55
  56
  57
  58
  59
  60
  61
  62
  63
  64
  65
  66
  67 <h2 class="sect-headline">Let's create your account</h2>
  68
  69 <div id="name-cont">
  70     <div id="fname-field">
  71         <label for="firstName">
  72
  73                 First Name
  74
  75         </label>
  76
  77             <input type="text" name="{actionForm.firstName}" id="firstName" maxlength="15"><div id="firstNameError" class="errorMsg"></div>
  78     </div>
  79
  80     <div id="lname-field">
  81         <label for="lastName">
  82
  83               Last Name
  84
  85         </label>
  86
  87             <input type="text" name="{actionForm.lastName}" id="lastName" maxlength="15"><div id="lastNameError" class="errorMsg"></div>
  88     </div>
  89 </div>
  90
  91 <div id="username-cont">
  92     <label for="desiredSN" id="username-label">
  93         <span class="callout">NEW!</span>
  94         <span id="usernameLabelText">
  95
  96                 Pick a username:
  97
  98         </span>
  99         <a  class="whatsNew" >What's new?</a>
 100     </label>
 101
 102
 103         <input type="text" name="{actionForm.desiredSN}" id="desiredSN" value="" maxlength="16"><span id="postInpSN">@aol.com</span>
 104
 105
 106     <p id="check-avail-butt" class="phantomButt">
 107         <span >CHECK</span>
 108     </p>
 109     <p id="change-link" class="changeLink"><a >Change</a></p>
 110
 111
 112 </div>
 113
 114 <div id="usernameError" class="errorMsg"></div>
 115
 116 <div id="password-cont">
 117
 118         <input type="hidden" id="snChoice" name="snChoice" value="newEmail" class="hiddenInp"><label for="password">
 119
 120             Password
 121
 122     </label>
 123     <input type="password" name="{actionForm.password}" id="password" maxlength="16"><input type="text" id="verifyPasswordHint" value="Retype password" readonly ><input type="password" name="{actionForm.verifyPassword}" id="verifyPassword" maxlength="16"><div id="passwordError" class="errorMsg"></div>
 124 </div>
 125
 126 <div id="pwStrngthMeter"></div>
 127
 128 <br class="clearBreak"><div class="spacer"></div>
 129 <div class="panel-nav-cont">
 130     <span class="button-wrapper">
 131         <a  id="step-one" class="button next" ><span class="ltbtnedge">Next</span></a>
 132     </span>
 133 </div>
 134
 135                                 </fieldset>
 136 <fieldset class="contBlock" id="aboutYou">
 137 <h3>Tell Us About Yourself</h3>
 138
 139
 140
 141
 142
 143
 144
 145
 146
 147
 148
 149
 150
 151
 152
 153 <div id="conf-un-pi">
 154
 155 </div>
 156
 157 <h2 class="sect-headline">Okay, now let's get personal...</h2>
 158
 159 <label class="selectLabel" for="dob" id="dob-label">
 160
 161          Date of Birth
 162
 163   <a  class="whatsNew" id="whats-new" >Why so Personal?</a>
 164 </label>
 165 <div id="dob">
 166
 167
 168
 169     <div id="month-cont" class="month-cont">
 170
 171
 172
 173
 174
 175
 176
 177
 178
 179 <div class="ipt"><label class="hidden-label" for="dobMonth">Select Month</label></div>
 180 <input type="hidden" name="wlw-select_key:{actionForm.dobMonth}OldValue" value="true"><select name="wlw-select_key:{actionForm.dobMonth}" id="dobMonth" class="dobMonth"><option value="">Select Month</option>
 181 <option value="01">January</option>
 182 <option value="02">February</option>
 183 <option value="03">March</option>
 184 <option value="04">April</option>
 185 <option value="05">May</option>
 186 <option value="06">June</option>
 187 <option value="07">July</option>
 188 <option value="08">August</option>
 189 <option value="09">September</option>
 190 <option value="10">October</option>
 191 <option value="11">November</option>
 192 <option value="12">December</option></select>
 193 </div>
 194
 195
 196
 197     <div id="day-cont" class="day-cont">
 198         <input type="text" name="{actionForm.dobDay}" id="dobDay" value="Day (dd)" maxlength="2">
 199 </div>
 200
 201
 202
 203     <div id="year-cont" class="year-cont">
 204         <input type="text" name="{actionForm.dobYear}" id="dobYear" value="Year (yyyy)" maxlength="4">
 205 </div>
 206
 207
 208 <div id="dobError" class="errorMsg"></div>
 209 </div>
 210
 211   <div class="gender-cont">
 212     <label for="gender">
 213
 214              Gender
 215
 216     </label>
 217
 218         <div class="female-choice">
 219
 220 <input type="radio" name="wlw-radio_button_group_key:{actionForm.gender}" id="femaleChoice" value="Female"><span><span>&#160;Female</span></span>
 221         </div>
 222         <div class="male-choice">
 223
 224 <input type="radio" name="wlw-radio_button_group_key:{actionForm.gender}" id="maleChoice" value="Male"><span><span>&#160;Male</span></span>
 225         </div>
 226
 227
 228     <div id="genderError" class="errorMsg"></div>
 229   </div>
 230
 231
 232
 233
 234
 235 <div class="zip-cont">
 236     <label for="zipCode">
 237
 238              Zip Code
 239
 240     </label>
 241     <input type="text" name="{actionForm.zipCode}" id="zipCode" class="bbWidth"><div id="zipCodeError" class="errorMsg"></div>
 242 </div>
 243
 244
 245 <h2 class="sect-headline secondary">and keep it secure</h2>
 246 <h4>If you forget your password, you'll need this information to reset your account.</h4>
 247
 248
 249
 250     <div id="asq-toggle-sect">
 251
 252       <label class="selectLabel" for="acctSecurityQuestion">
 253
 254              Set a Security Question
 255
 256       </label>
 257
 258       <div class="asq-block">
 259           <div id="asq-field-cont" class="asq-field-cont">
 260               <input name="wlw-select_key:{actionForm.acctSecurityQuestion}OldValue" value="true" type="hidden"><input type="hidden" name="wlw-select_key:{actionForm.acctSecurityQuestion}OldValue" value="true"><select name="wlw-select_key:{actionForm.acctSecurityQuestion}" id="acctSecurityQuestion"><option value="">Select a Question</option>
 261 <option value="What is your frequent flyer number?">What is your frequent flyer number?</option>
 262 <option value="What is your library card number?">What is your library card number?</option>
 263 <option value="In which city did your parents meet?">In which city did your parents meet?</option>
 264 <option value="In what year was your mother born?">In what year was your mother born?</option>
 265 <option value="What was your favorite childhood cartoon?">What was your favorite childhood cartoon?</option>
 266 <option value="What was your favorite childhood book?">What was your favorite childhood book?</option>
 267 <option value="In what year was your father born?">In what year was your father born?</option>
 268 <option value="What was your childhood nickname?">What was your childhood nickname?</option>
 269 <option value="What is your grandmother's first name?">What is your grandmother's first name?</option>
 270 <option value="What is your father's middle name?">What is your father's middle name?</option>
 271 <option value="In what city were you born?">In what city were you born?</option>
 272 <option value="What is your mother's maiden name?">What is your mother's maiden name?</option>
 273 <option value="What was the name of your first pet?">What was the name of your first pet?</option></select>
 274 </div>
 275           <div id="secQuestError" class="errorMsg"></div>
 276       </div>
 277
 278
 279
 280
 281       <input type="text" name="{actionForm.acctSecurityAnswer}" id="acctSecurityAnswer" value="Your Answer" maxlength="32"><div id="secAnswerError" class="errorMsg"></div>
 282
 283
 284
 285
 286
 287     </div>
 288 <!--End asq-toggle-sect -->
 289
 290
 291
 292
 293
 294    <div id="altemail-toggle-sect">
 295
 296       <label for="altEMail">
 297           Alternate Email<span class="opt-label">(optional)</span>
 298       </label>
 299       <input type="text" name="{actionForm.altEMail}" id="altEMail" maxlength="97"><div id="altEmailError" class="errorMsg"></div>
 300
 301     </div>
 302
 303
 304
 305     <div class="panel-nav-cont">
 306         <a class="back" >&lt; Back</a>
 307         <span class="button-wrapper">
 308             <a  id="step-two" class="button next" ><span class="ltbtnedge">Next</span></a>
 309         </span>
 310     </div>
 311
 312
 313
 314
 315
 316
 317
 318
 319
 320 <div style="clear:both;"></div>
 321
 322
 323                                 </fieldset>
 324 <fieldset class="contBlock" id="verify">
 325 <h3>Verify Your Registration</h3>
 326
 327
 328
 329
 330
 331
 332
 333
 334
 335
 336
 337
 338 <div id="conf-un-ct"></div>
 339
 340
 341     <h2 class="sect-headline">One last step, and you're done.</h2>
 342
 343
 344     <div class="wordVerify" id="wordVerCont">
 345
 346             <div class="wordVerButtons">
 347                 <a id="refreshWordverBtn"  >
 348                     <span class="has-graphic">Refresh<br> Image</span>
 349                 </a>
 350
 351                     <a id="playAudBtn"  >
 352                         <span class="has-graphic">Audio Assistance</span>
 353                     </a>
 354
 355             </div>
 356             <img id="wordVerImage" src="#" alt="">
 357 </div>
 358
 359         <label for="wordVerify" class="wordVer">
 360
 361              Enter what you see above
 362
 363         </label>
 364         <input type="text" name="{actionForm.wordVerify}" id="wordVerify" maxlength="10"><div id="captchaError" class="errorMsg"></div>
 365
 366
 367
 368
 369     <p>
 370         By clicking "Sign Up" below, you electronically agree to our <a >Terms of Service</a> and <a >Privacy Policy</a> (the "Terms"); you acknowledge receipt of our Terms, and you agree to receive notices and disclosures from us electronically, including any updates of these Terms.
 371     </p>
 372
 373
 374
 375
 376 <div class="panel-nav-cont">
 377     <a class="back" >&lt; Back</a>
 378     <span class="button-wrapper">
 379         <a  id="step-three" class="button signup" ><span class="ltbtnedge">Sign Up</span></a>
 380     </span>
 381 </div>
 382
 383
 384                                 </fieldset>
 385 <br class="clearBreak">
 386 </form>
 387 <div class="afterRegFields"><!--nothing yet--></div>
 388                 </div>
 389
 390                 <div class="nav-dots"></div>
 391                 <div class="bottom-edge-cont"></div>
 392             </div>
 393
 394             <div class="footer-nav">
 395                 <a href="http://www.aol.com">AOL Inc.</a> | <a href="http://legal.aol.com/TOS">Terms of Service</a> | <a href="http://privacy.aol.com">Privacy Policy</a> | <a href="http://help.aol.com/">Help</a> <span class="copy">&#169;2011 AOL Inc. All Rights Reserved</span>
 396             </div>
 397
 398         </div>
 399
 400         <div id="whatsnewOverlay" class="overlay">
 401             <h2>What's new?</h2>
 402
 403                 <p>Now you can get the perfect email address! AOL Mail now supports additional characters like dots and underscores.</p>
 404                 <p>Maybe you're in the mood for janey@aol.com, feeling spunky with jammin.jane@aol.com, or maybe you'd like to go formal with jane_doe@aol.com &#8212; the choice is now yours.</p>
 405
 406             <span class="button-wrapper"><a class="button"  ><span class="ltbtnedge">OK</span></a></span>
 407         </div>
 408
 409         <div id="whyneededOverlay" class="overlay">
 410             <h2>Why so Personal?</h2>
 411             <p>You need to provide your date of birth in order to verify your identity in account management, and to ensure that you are eligible to use our products. Other data, such as Zip Code and Gender are used to personalize your AOL experience (e.g., display local weather and news).</p>
 412             <p>The use of this information is governed by the <a >Privacy Policy</a>.</p>
 413             <span class="button-wrapper"><a class="button"  ><span class="ltbtnedge">OK</span></a></span>
 414         </div>
 415
 416
 417 </body>
 418 </html>