Roll src/third_party/WebKit d9c6159:8139f33 (svn 201974:201975)
[chromium-blink-merge.git] / chrome / test / data / autofill / heuristics / input / 15_crbug_64569.html
blob677e3cc0ea078984ad71b14f51dbd97856da8b6e
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
2 <!-- saved from url=(0049)https://www.threadless.com/cart/step/billing-info -->
3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" version="XHTML+RDFa 1.0" class="wf-kulturistaweb1kulturistaweb2-n4-active wf-kulturistaweb1kulturistaweb2-i4-active wf-futurapt1futurapt2-n7-active wf-futurapt1futurapt2-n8-active wf-ronniacondensed1ronniacondensed2-n7-active wf-active"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4 -->
6 <form method="post" id="checkoutForm" action="./three.com_files/three.com.html" name="cartform">
7 <div class="section radio">
8 <h2>Payment Type</h2>
9 <div class="col">
10 <p>
11 <input id="cc" type="radio" name="payment_group" value="cc" onclick="togglePayment()" checked="">
12 <label><img src="#" width="172" height="23" alt="Mastercard, Visa, American Express, Discover"></label>
13 </p>
14 <p>
15 <input id="paypal" type="radio" name="payment_group" value="paypal" onclick="togglePayment()">
16 <label><img src="#" width="37" height="23" alt="Paypal"></label>
17 </p>
18 </div>
19 <div class="col">
20 <p>We accept Visa, Mastercard, Discover, American Express, and PayPal.</p>
21 </div>
22 </div>
24 <div id="billing_inner_container">
25 <div class="section">
26 <h2>Enter your credit card information</h2>
27 <div id="card_info" class="col">
28 <p>
29 <label>Your name</label>
30 <span class="guide">
31 (as it appears on the card)
32 </span>
33 <input id="" name="ccFullName" maxlength="255" type="text" class="long">
34 </p>
36 <p>
37 <label>Credit card number</label>
38 <span class="guide">
39 (no dashes or spaces)
40 </span>
41 <input id="" name="ccNumber" maxlength="16" type="text" autocomplete="off" class="long">
42 </p>
44 <p class="pair">
45 <label>Expiration date</label>
46 <select name="ccExpMonth">
47 <option value="1" selected="">01 - January </option><option value="2">02 - February </option><option value="3">03 - March </option><option value="4">04 - April </option><option value="5">05 - May </option><option value="6">06 - June </option><option value="7">07 - July </option><option value="8">08 - August </option><option value="9">09 - September </option><option value="10">10 - October </option><option value="11">11 - November </option><option value="12">12 - December </option></select>
48 <select name="ccExpYear">
49 <option value="2011">2011</option><option value="2012">2012</option><option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option><option value="2021">2021 </option></select>
50 </p>
52 <div class="card_security">
53 <p>
54 <label>Security code</label>
55 <input id="" name="ccSecurity" type="text" maxlength="4" autocomplete="off" class="short">
56 </p>
58 <div class="card_guide">
59 <h3>Where do I find it?</h3>
60 <h4>Visa &amp; Mastercard:</h4>
61 <p><img src="#" width="80" height="43"><span>3-digit code</span></p>
62 <h4>American Express:</h4>
63 <p><img src="#" width="80" height="43"><span>4-digit code</span></p>
64 </div><!-- END .card_guide -->
65 </div><!-- END #card_security -->
66 </div><!-- END #card_info -->
67 </div><!-- END .section -->
70 <div class="section">
71 <h2>Enter your credit card billing address</h2>
72 <div id="billing_address" class="col">
73 <p class="checkbox">
74 <input type="checkbox" name="sameinfo" onclick="toggleInfo();"><label>Same as shipping address?</label>
75 </p>
77 <p class="mini_col">
78 <label>First name</label>
79 <input type="text" class="medium" maxlength="60" id="" name="addrFirstName" value="">
80 </p>
82 <p class="mini_col">
83 <label>Last name</label>
84 <input type="text" class="medium" maxlength="60" id="" name="addrLastName" value="">
85 </p>
87 <p>
88 <label>Address</label>
89 <span class="guide">
90 <em>(street address, PO box, company name)</em>
91 </span>
92 <input type="text" class="long" maxlength="50" id="" name="addrStreet1" value="">
93 </p>
95 <p>
96 <label>Address 2</label>
97 <span class="guide">
98 <em>(apt, suite, building, floor, etc)</em>
99 </span>
100 <input type="text" class="long" id="" maxlength="50" name="addrStreet2" value="">
101 </p>
104 <label>City</label>
105 <input type="text" class="long" id="" maxlength="50" name="addrCity" size="20" value="">
106 </p>
108 <p class="mini_col one">
109 <label>State</label>
110 <select name="addrState"><option value=" ">None</option>
111 <option value="AL">Alabama</option>
112 <option value="AK">Alaska</option>
113 <option value="AZ">Arizona</option>
114 <option value="AR">Arkansas</option>
115 <option value="CA">California</option>
116 <option value="CO">Colorado</option>
117 <option value="CT">Connecticut</option>
118 <option value="DC">District of Columbia</option>
119 <option value="DE">Delaware</option>
120 <option value="FL">Florida</option>
121 <option value="GA">Georgia</option>
122 <option value="HI">Hawaii</option>
123 <option value="ID">Idaho</option>
124 <option value="IL">Illinois</option>
125 <option value="IN">Indiana</option>
126 <option value="IA">Iowa</option>
127 <option value="KS">Kansas</option>
128 <option value="KY">Kentucky</option>
129 <option value="LA">Louisiana</option>
130 <option value="ME">Maine</option>
131 <option value="MD">Maryland</option>
132 <option value="MA">Massachusetts</option>
133 <option value="MI">Michigan</option>
134 <option value="MN">Minnesota</option>
135 <option value="MS">Mississippi</option>
136 <option value="MO">Missouri</option>
137 <option value="MT">Montana</option>
138 <option value="NE">Nebraska</option>
139 <option value="NV">Nevada</option>
140 <option value="NH">New Hampshire</option>
141 <option value="NJ">New Jersey</option>
142 <option value="NM">New Mexico</option>
143 <option value="NY">New York</option>
144 <option value="NC">North Carolina</option>
145 <option value="ND">North Dakota</option>
146 <option value="OH">Ohio</option>
147 <option value="OK">Oklahoma</option>
148 <option value="OR">Oregon</option>
149 <option value="PA">Pennsylvania</option>
150 <option value="RI">Rhode Island</option>
151 <option value="SC">South Carolina</option>
152 <option value="SD">South Dakota</option>
153 <option value="TN">Tennessee</option>
154 <option value="TX">Texas</option>
155 <option value="UT">Utah</option>
156 <option value="VT">Vermont</option>
157 <option value="VA">Virginia</option>
158 <option value="WA">Washington</option>
159 <option value="WV">West Virginia</option>
160 <option value="DC">Washington D.C.</option>
161 <option value="WI">Wisconsin</option>
162 <option value="WY">Wyoming</option>
163 <option value="AB">Alberta</option>
164 <option value="BC">British Columbia</option>
165 <option value="MB">Manitoba</option>
166 <option value="NB">New Brunswick</option>
167 <option value="NL">Newfoundland/Labrador</option>
168 <option value="NT">Northwest Territories</option>
169 <option value="NS">Nova Scotia</option>
170 <option value="NU">Nunavut</option>
171 <option value="ON">Ontario</option>
172 <option value="PE">Prince Edward Island</option>
173 <option value="QC">Quebec</option>
174 <option value="SK">Saskatchewan</option>
175 <option value="YT">Yukon Territories</option>
176 <option value="PR">PR</option>
177 <option value="VI">VI</option>
178 <option value="GU">GU</option>
179 <option value="FM">FM</option>
180 <option value="AE">AE</option>
181 <option value="AA">AA</option>
182 <option value="AP">AP</option>
183 <option value="MP">MP</option>
184 <option value="ACT">ACT</option>
185 <option value="JBT">JBT</option>
186 <option value="NSW">NSW</option>
187 <option value="NT">NT</option>
188 <option value="QLD">QLD</option>
189 <option value="SA">SA</option>
190 <option value="TAS">TAS</option>
191 <option value="VIC">VIC</option>
192 <option value="WA">WA</option>
193 </select> </p>
195 <p class="mini_col two">
196 <label>Postal code</label>
197 <input type="text" class="short" maxlength="50" id="" name="addrZip" size="10" value="">
198 </p>
201 <label>Country</label>
202 Algeria </p>
203 </div><!-- END #billing_address -->
205 <div id="billing_faqs" class="col">
206 <h3>Can shipping and billing addresses be different?</h3>
207 <p>As long as the billing and shipping addresses are in the same country, you can use different billing and shipping addresses.</p>
208 <h3>When will my credit card be charged?</h3>
209 <p>Your card will be charged when you click the PLACE YOUR ORDER button in the next step.</p>
210 <h3>How do you secure my online privacy?</h3>
211 <p>Threadless is a certified licensee of the TRUSTe® Privacy Seal Program. The privacy statement and practices of http://www.threadless.com have been reviewed by TRUSTe for compliance with our strict program requirements.</p>
213 <a href="http://www.truste.org/ivalidate.php?url=www.threadless.com&sealid=101"><img src="#" width="154" height="42"></a>
214 </p>
215 </div><!-- END #billing_faqs -->
216 </div><!-- END .section -->
217 </div><!-- END #billing_inner_container -->
218 <p class="cart_step_button">
219 <input type="hidden" name="verify" value="1">
220 <a class="cc_link" href="javascript:$j('#checkoutForm').submit();">Last step, verify then place your order!</a>
221 <a class="paypal_link" href="javascript:$j('#checkoutForm').submit();">Continue to PayPal</a>
222 </p>
223 </form><!-- END form -->
224 </div><!-- END billing_container -->
226 </div><!-- END .main_left_4 m_r_20 -->
227 <!-- </div>where is this opening div ? -->
228 <div class="main_left_2">
230 <div id="cart_right_top"></div>
232 <div class="step_image">
233 <div><img src="#" width="80" height"33"=""></div>
234 <div><a href="https://www.threadless.com/cart/step/shipping-info">Edit</a></div>
235 </div>
236 <div class="step_image">
237 <div><img src="#" width="80" height"33"=""></div>
238 <div>Now</div>
239 </div>
240 <div class="step_image">
241 <div><img src="#" width="80" height"33"=""></div>
242 <div>Next</div>
243 </div>
245 <br>
247 <div class="cart_right">
249 <div class="m_b_10 cart_header_faq"> In your cart&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://www.threadless.com/cart"><img src="#" align="absmiddle"></a></div>
251 <div class="f_14"><a href="https://www.threadless.com/product/3016/Hugs_Keep_Us_Alive">Hugs Keep Us Alive!</a></div>
252 <div class="m_b_10 grey">(1) Large Silver Guys Tee</div>
255 <br>
256 <div class="b_t_dotted m_b_20"></div>
258 <div class="m_b_10 cart_header_faq"> Order summary</div>
260 <div class="grey m_b_5">Item(s) cost: <span class="arial">$20.00</span></div>
261 <div class="grey m_b_5">Shipping cost: <span class="arial">$9.00</span></div>
262 <div class="grey m_b_5">Tax: <span class="arial">$0.00</span></div>
263 <div class="b_t_dotted m_b_5"></div>
264 <div class="f_14 m_b_5">Subtotal: <span class="arial">$29.00</span></div>
266 <div class="b_t_dotted m_b_10"></div>
269 <div class="cart_header_faq m_b_10">
270 Total cost: <span class="arial">$29.00</span>
271 </div>
272 <div class="grey">The total cost is the amount that will be charged to you.</div>
274 </div> </div>
276 <div class="clear_both"></div>
277 <div class="clear_both"></div>
278 </div>
281 </div><!-- END .contentMain -->
283 <!-- included by footer.tpl and bot.tpl -->
284 <div class="footer_container">
285 <footer>
286 <section class="we_like_you">
287 <div class="like_graphic">
288 <iframe src="about:blank" scrolling="no" frameborder="0" style="border:none; height:55px; margin: -10px 0 0 -10px; overflow:hidden; width:222px;" allowtransparency="true"></iframe>
289 </div>
290 <h5 class="like_coupon"><a title="Like us on facebook!" href="http://www.facebook.com/threadless" target="_blank">We like you! You should like us on Facebook for exclusive offers and awesome awesomeness!</a></h5>
291 </section>
292 <section class="shop">
293 <h3><a href="https://www.threadless.com/shop">Shop</a></h3>
294 <ul>
295 <li><a href="https://www.threadless.com/catalog/type,guys">Guys</a></li>
296 <li><a href="https://www.threadless.com/catalog/type,girly">Girly</a></li>
297 <li><a href="https://www.threadless.com/catalog/type,babies">Babies</a></li>
298 <li><a href="https://www.threadless.com/catalog/type,kids">Kids</a></li>
299 <li><a href="https://www.threadless.com/shop/otherstuff">Other Stuff</a></li>
300 <li><a href="https://www.threadless.com/shop/displayart">Display Art</a></li>
301 <li><a href="https://www.threadless.com/catalog/soldout,true">Bring 'em Back</a></li>
302 <li><a href="https://www.threadless.com/12club">12 Month Tee Club</a></li>
303 <li><a href="https://www.threadless.com/product/41/GiftCertificates">Gift Certificates</a></li>
304 <li><a href="https://www.threadless.com/partners">Partners</a></li>
305 <li><a href="http://www.society6.com/shop/collection/threadless?curator=skaw&utm_source=threadless&utm_medium=text&utm_content=footer&utm_campaign=collection" class="window" target="_blank">Threadless Collection</a></li>
306 <li><a href="https://www.threadless.com/shop/clearance" class="ups">Clearance</a></li>
307 </ul>
308 </section><!-- END .shop -->
310 <section class="participate">
311 <h3><a href="https://www.threadless.com/submissions">Participate</a></h3>
312 <ul>
313 <li><a href="https://www.threadless.com/submissions">Score Designs </a></li>
314 <li><a href="https://www.threadless.com/submit">Submit Designs</a></li>
315 <li><a href="https://www.threadless.com/slogans">Score &amp; Submit Slogans</a></li>
316 <li><a href="https://www.threadless.com/loves">Design Challenges</a></li>
317 <li><a href="https://www.threadless.com/gallery">Tee-riffic Photos </a></li>
318 <li><a href="https://www.threadless.com/bt/year,2010">The Bestee Awards</a></li>
319 <li><a href="https://www.threadless.com/live">Threadless Live</a></li>
320 </ul>
321 </section><!-- END .participate -->
323 <section class="community">
324 <h3><a href="https://www.threadless.com/blogs">Community</a></h3>
325 <ul>
326 <li><a href="https://www.threadless.com/blogs">Forum</a></li>
327 <li><a href="https://www.threadless.com/tv">Tee-V</a></li>
328 <li><a href="https://www.threadless.com/artists">Artist Programs</a></li>
329 <li><a href="https://www.threadless.com/interviews">Designer Interviews</a></li>
330 <li><a href="https://www.threadless.com/sightings">Threadspotting</a></li>
331 <li><a href="https://www.threadless.com/streetteam">Street Team</a></li>
332 <li><a href="http://www.meetup.com/Threadless/" class="window" target="_blank">Meetups</a></li>
334 </ul>
335 </section><!-- END .community -->
337 <section class="info">
338 <h3><a href="https://www.threadless.com/news">Info</a></h3>
339 <ul>
340 <li><a href="https://www.threadless.com/news">ThreadStaff Blog</a></li>
341 <li><a href="https://www.threadless.com/help">Help</a></li>
342 <li><a href="https://www.threadless.com/retail">Retail Stores</a></li>
343 <li><a href="https://www.threadless.com/wholesale/">Wholesale</a></li>
344 <li><a href="https://www.threadless.com/jobs">Jobs</a></li>
345 <li><a href="https://www.threadless.com/contact">Contact Us</a></li>
346 </ul>
347 </section><!-- END .info -->
349 <section class="contact vcard">
350 <h3>Newsletter</h3>
351 <span class="fn org">Threadless</span>
352 <form action="https://www.threadless.com/newsletter" method="post" class="newsletter_signup_form">
353 <fieldset>
354 <label for="newsletter_signup_email" class="hide">Enter your email address</label>
355 <input for="newsletter_signup_email_footer" name="email" type="email" placeholder="Enter your email address">
356 <input id="newsletter_signup_email_footer_submit" name="submit" type="submit" value="Join">
357 <!--<input id="newsletter_signup_email_footer_submit" name="submit" type="image" class="submit" value="Join us" src="#" />-->
358 </fieldset>
359 <div style="display: none">
360 <img src="#" alt="Loading..." title=""> Submitting…
361 </div>
362 </form>
363 </body></html>