Making Input Fields Compatible with 1Password

ckizer

<div class="IPBDescription">Creating forms that 1Password fills correctly</div>I'm having trouble getting 1password to recognize several input fields for my business website. We offer subscription billing services and provide the customers with a Hosted Payment Page.



However I can't use one password on any of the credit card fields, cvv or expiration.



Can you please tell me what 1password looks for mainly? Does it check [b]ID="creditcard"[/b] (1password won't fill this input)?



You can see a small snippet of my code sample here, and it won't fill in my banking info like it does on other sites. What is the VERY best way to make all my forms

1Password compatible.



[url="http://jsfiddle.net/kizer/p8Jhx/ "]http://jsfiddle.net/kizer/p8Jhx/ [/url]



Do you have an ideal attribute that you would like us to use? With HTML5 we could even add one just for 1Password.



Cheers,

Court Kizer

ckizer

So far I've tried everything, wrapping in forms and I can't even get my inputs to fill in the name? What am I doing wrong?



[code]

<form>

<input type="text" name="first-name" id="first-name" class="short" placeholder="First Name…" value="">

<input type="text" name="last-name" id="last-name" class="short" placeholder="Last Name…" value="">

<input type="text" name="credit-card" id="credit-card" class="long" value="">

<input type="text" name="cvv" id="cvv" class="long" placeholder="CVV" value="">

</form>

[/code]



[quote name='ckizer' timestamp='1295740074' post='19355']

I'm having trouble getting 1password to recognize several input fields for my business website. We offer subscription billing services and provide the customers with a Hosted Payment Page.



However I can't use one password on any of the credit card fields, cvv or expiration.



Can you please tell me what 1password looks for mainly? Does it check [b]ID="creditcard"[/b] (1password won't fill this input)?



You can see a small snippet of my code sample here, and it won't fill in my banking info like it does on other sites. What is the VERY best way to make all my forms

1Password compatible.



[url="http://jsfiddle.net/kizer/p8Jhx/ "]http://jsfiddle.net/kizer/p8Jhx/ [/url]



Do you have an ideal attribute that you would like us to use? With HTML5 we could even add one just for 1Password.



Cheers,

Court Kizer

[/quote]

JWedge

I am having the same issue with our form fields. Have you made any progress on this? Any info would be appreciated.



Thanks!



Jeff

khad

Welcome to the forums, Court and Jeff!



While 1Password has several "fallbacks," you're best bet is to follow the conventions set forth in RFC 4112, [url="http://tools.ietf.org/html/rfc4112"]Electronic Commerce Modeling Language (ECML), Version 2 Specification[/url], for the best compatibility with 1Password and other software (including some assistive technology for disabled users).



I hope that helps. Please let me know.



Cheers!

supinum

Hi!

Are there any guidlines to follow when building a webform?

I would ofcourse like my visitors to be able to smoothly use 1passwords on my forms.



/regards David S, Sweden

khad

Welcome to the forums, David! I am thrilled that you are making an effort in this regard. It certainly keeps us busy trying to ensure that 1Password works everywhere. We appreciate the effort on your part. We really do. <img src='http://forum.agile.ws/public/style_emoticons/<#EMO_DIR#>/skype_smile.png' class='bbc_emoticon' alt=':-)' />



I have merged your post with the appropriate thread. Please see my post above and let me know if you have any additional questions or concerns. We are always here to help!



Cheers,

[Deleted User]

[quote name='khad' timestamp='1304206821' post='25988']

I have merged your post with the appropriate thread.[/quote]

That was quick/sneaky. <img src='http://forum.agile.ws/public/style_emoticons/<#EMO_DIR#>/smile.gif' class='bbc_emoticon' alt=':)' />



Adding to what's here, another guideline would be to avoid Flash-based forms. As [url=http://forum.agile.ws/index.php?/topic/4506-list-of-incompatible-sites/page__p__25705#entry25705]Stu recently mentioned[/url]:



[i]As far as we know, no browser password manager anywhere supports Flash-based sites because it is a proprietary solution and does not interface with the browser much at all.[/i]

khad

Yes. Oh — sweet mercy be upon us — yes, avoid Flash.