Improve Phone entry on Smartphones

  • Resolved speedy_snail

    (@speedy_snail)


    6 years, 2 months ago

    If you use type=”tel”, instead of type=”text” for a phone field, smartphones bring up a numeric only keypad for entering a phone number, which improves usability.

    Recommendation

    Change:

    <input name="contactPhoneSecondary" type="text" id="contactPhoneSecondary" value="" data-com.agilebits.onepassword.user-edited="yes">

    to:

    <input name="contactPhoneSecondary" type="tel" id="contactPhoneSecondary" value="" data-com.agilebits.onepassword.user-edited="yes">

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter speedy_snail

    (@speedy_snail)

    We can also do the same for this:

    Change:

    <input name="contactEmail" type="text" id="contactEmail" value="" size="64" maxlength="255" data-com.agilebits.onepassword.user-edited="yes">

    to:

    <input name="contactEmail" type="email" id="contactEmail" value="" size="64" maxlength="255" data-com.agilebits.onepassword.user-edited="yes">

    Thread Starter speedy_snail

    (@speedy_snail)

    Also, change:

    <input name="numAttend" type="text" id="numAttend" value="" size="3" maxlength="3" data-com.agilebits.onepassword.user-edited="yes">

    to:

    <input name="numAttend" type="number" id="numAttend" value="" size="3" maxlength="3" data-com.agilebits.onepassword.user-edited="yes">

    This will only allow digits to be entered.

    A new version is going up that adds all of this. Thanks for your help!

    Thread Starter speedy_snail

    (@speedy_snail)

    Huge thanks for adding it in!

    No problem at all re supporting this plugin, I appreciate your active development… that was one reason I chose this plugin. I was concerned you might think I was nitpicking with all my posts in the support forum… but I genuinely love making small improvements to things!

    On a side note, I have managed to update some CSS, so the Branch boxes (the boxes with the photo of the branch in it), display properly on smaller displays. If you’ve got this sorted though it’s ok, I certainly don’t want to step on your toes.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Improve Phone entry on Smartphones’ is closed to new replies.