Skip to content

Instantly share code, notes, and snippets.

@ericrasch
Created August 28, 2014 15:10
Show Gist options
  • Save ericrasch/e98308acd29ea211f9a1 to your computer and use it in GitHub Desktop.
Save ericrasch/e98308acd29ea211f9a1 to your computer and use it in GitHub Desktop.
HTML5 Input Types for Touch Keyboards
$('<input type="email" id="lead_email_alt" name="lead[email]" required="required" placeholder="E-mail Address" class=" form field text _lead_email ">').insertAfter('input#lead_email');
$('input#lead_email').remove();
$('<input type="tel" id="lead_phone_alt" name="lead[phone]" required="required" placeholder="Phone Number" class=" form field text phone _lead_phone ">').insertAfter('input#lead_phone');
$('input#lead_phone').remove();
$('<input type="text" autocorrect="off" id="lead_address_alt" name="lead[address]" required="required" placeholder="Street Address" class=" form field text _lead_address ">').insertAfter('input#lead_address');
$('input#lead_address').remove();
$('<input type="number" pattern="\d*" id="lead_zipCode_alt" name="lead[zipCode]" required="required" placeholder="Zip Code" class=" form field text _lead_zipCode ">').insertAfter('input#lead_zipCode');
$('input#lead_zipCode').remove();
@ericclemmons
Copy link

Address now:

<input type="text" id="lead_address" name="lead[address]" required="required" placeholder="Street Address" class=" form  field  text  _lead_address ">

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment