Skip to content

Commit

Permalink
Merge pull request #53 from stripe/cw-autocomplete-attributes
Browse files Browse the repository at this point in the history 
add autocomplete attributes
  • Loading branch information
@asolove-stripe
asolove-stripe committed Jun 4, 2018
2 parents 3ba738b + 420b744 commit b9f194d
Showing 1 changed file with 17 additions and 17 deletions.
34 changes: 17 additions & 17 deletions index.html
View file
Expand Up @@ -87,15 +87,15 @@ <h1 data-tid="elements_examples.intro.title" class="common-SuperTitle">Stripe El
<fieldset>
<div class="row">
<label for="example1-name" data-tid="elements_examples.form.name_label">Name</label>
<input id="example1-name" data-tid="elements_examples.form.name_placeholder" type="text" placeholder="Jane Doe" required="">
<input id="example1-name" data-tid="elements_examples.form.name_placeholder" type="text" placeholder="Jane Doe" required="" autocomplete="name">
</div>
<div class="row">
<label for="example1-email" data-tid="elements_examples.form.email_label">Email</label>
<input id="example1-email" data-tid="elements_examples.form.email_placeholder" type="email" placeholder="janedoe@gmail.com" required="">
<input id="example1-email" data-tid="elements_examples.form.email_placeholder" type="email" placeholder="janedoe@gmail.com" required="" autocomplete="email">
</div>
<div class="row">
<label for="example1-phone" data-tid="elements_examples.form.phone_label">Phone</label>
<input id="example1-phone" data-tid="elements_examples.form.phone_placeholder" type="tel" placeholder="(941) 555-0123" required="">
<input id="example1-phone" data-tid="elements_examples.form.phone_placeholder" type="tel" placeholder="(941) 555-0123" required="" autocomplete="tel">
</div>
</fieldset>
<fieldset>
Expand Down Expand Up @@ -143,24 +143,24 @@ <h3 class="title" data-tid="elements_examples.success.title">Payment successful<
<div data-locale-reversible>
<div class="row">
<div class="field">
<input id="example2-address" data-tid="elements_examples.form.address_placeholder" class="input empty" type="text" placeholder="185 Berry St" required="">
<input id="example2-address" data-tid="elements_examples.form.address_placeholder" class="input empty" type="text" placeholder="185 Berry St" required="" autocomplete="address-line1">
<label for="example2-address" data-tid="elements_examples.form.address_label">Address</label>
<div class="baseline"></div>
</div>
</div>
<div class="row" data-locale-reversible>
<div class="field half-width">
<input id="example2-city" data-tid="elements_examples.form.city_placeholder" class="input empty" type="text" placeholder="San Francisco" required="">
<input id="example2-city" data-tid="elements_examples.form.city_placeholder" class="input empty" type="text" placeholder="San Francisco" required="" autocomplete="address-level2">
<label for="example2-city" data-tid="elements_examples.form.city_label">City</label>
<div class="baseline"></div>
</div>
<div class="field quarter-width">
<input id="example2-state" data-tid="elements_examples.form.state_placeholder" class="input empty" type="text" placeholder="CA" required="">
<input id="example2-state" data-tid="elements_examples.form.state_placeholder" class="input empty" type="text" placeholder="CA" required="" autocomplete="address-level1">
<label for="example2-state" data-tid="elements_examples.form.state_label">State</label>
<div class="baseline"></div>
</div>
<div class="field quarter-width">
<input id="example2-zip" data-tid="elements_examples.form.postal_code_placeholder" class="input empty" type="text" placeholder="94107" required="">
<input id="example2-zip" data-tid="elements_examples.form.postal_code_placeholder" class="input empty" type="text" placeholder="94107" required="" autocomplete="postal-code">
<label for="example2-zip" data-tid="elements_examples.form.postal_code_label">ZIP</label>
<div class="baseline"></div>
</div>
Expand Down Expand Up @@ -223,9 +223,9 @@ <h3 class="title" data-tid="elements_examples.success.title">Payment successful<
<div class="cell example example3">
<form>
<div class="fieldset">
<input id="example3-name" data-tid="elements_examples.form.name_label" class="field" type="text" placeholder="Name" required="">
<input id="example3-email" data-tid="elements_examples.form.email_label" class="field half-width" type="email" placeholder="Email" required="">
<input id="example3-phone" data-tid="elements_examples.form.phone_label" class="field half-width" type="tel" placeholder="Phone" required="">
<input id="example3-name" data-tid="elements_examples.form.name_label" class="field" type="text" placeholder="Name" required="" autocomplete="name">
<input id="example3-email" data-tid="elements_examples.form.email_label" class="field half-width" type="email" placeholder="Email" required="" autocomplete="email">
<input id="example3-phone" data-tid="elements_examples.form.phone_label" class="field half-width" type="tel" placeholder="Phone" required="" autocomplete="tel">
</div>
<div class="fieldset">
<div id="example3-card-number" class="field empty"></div>
Expand Down Expand Up @@ -326,38 +326,38 @@ <h3 class="title" data-tid="elements_examples.success.title">Payment successful<
<div class="row">
<div class="field">
<label for="example5-name" data-tid="elements_examples.form.name_label">Name</label>
<input id="example5-name" data-tid="elements_examples.form.name_placeholder" class="input" type="text" placeholder="Jane Doe" required="">
<input id="example5-name" data-tid="elements_examples.form.name_placeholder" class="input" type="text" placeholder="Jane Doe" required="" autocomplete="name">
</div>
</div>
<div class="row">
<div class="field">
<label for="example5-email" data-tid="elements_examples.form.email_label">Email</label>
<input id="example5-email" data-tid="elements_examples.form.email_placeholder" class="input" type="text" placeholder="janedoe@gmail.com" required="">
<input id="example5-email" data-tid="elements_examples.form.email_placeholder" class="input" type="text" placeholder="janedoe@gmail.com" required="" autocomplete="email">
</div>
<div class="field">
<label for="example5-phone" data-tid="elements_examples.form.phone_label">Phone</label>
<input id="example5-phone" data-tid="elements_examples.form.phone_placeholder" class="input" type="text" placeholder="(941) 555-0123" required="">
<input id="example5-phone" data-tid="elements_examples.form.phone_placeholder" class="input" type="text" placeholder="(941) 555-0123" required="" autocomplete="tel">
</div>
</div>
<div data-locale-reversible>
<div class="row">
<div class="field">
<label for="example5-address" data-tid="elements_examples.form.address_label">Address</label>
<input id="example5-address" data-tid="elements_examples.form.address_placeholder" class="input" type="text" placeholder="185 Berry St" required="">
<input id="example5-address" data-tid="elements_examples.form.address_placeholder" class="input" type="text" placeholder="185 Berry St" required="" autocomplete="address-line1">
</div>
</div>
<div class="row" data-locale-reversible>
<div class="field">
<label for="example5-city" data-tid="elements_examples.form.city_label">City</label>
<input id="example5-city" data-tid="elements_examples.form.city_placeholder" class="input" type="text" placeholder="San Francisco" required="">
<input id="example5-city" data-tid="elements_examples.form.city_placeholder" class="input" type="text" placeholder="San Francisco" required="" autocomplete="address-level2">
</div>
<div class="field">
<label for="example5-state" data-tid="elements_examples.form.state_label">State</label>
<input id="example5-state" data-tid="elements_examples.form.state_placeholder" class="input empty" type="text" placeholder="CA" required="">
<input id="example5-state" data-tid="elements_examples.form.state_placeholder" class="input empty" type="text" placeholder="CA" required="" autocomplete="address-level1">
</div>
<div class="field">
<label for="example5-zip" data-tid="elements_examples.form.postal_code_label">ZIP</label>
<input id="example5-zip" data-tid="elements_examples.form.postal_code_placeholder" class="input empty" type="text" placeholder="94107" required="">
<input id="example5-zip" data-tid="elements_examples.form.postal_code_placeholder" class="input empty" type="text" placeholder="94107" required="" autocomplete="postal-code">
</div>
</div>
</div>
Expand Down

0 comments on commit b9f194d

Please sign in to comment.