HTML attributes to improve your users' two factor authentication experience

There are plenty of opportunities for friction in the user experience when logging in, particularly while entering a two factor authentication code. As developers we should be building applications that support the need for account security but don't detract from the user experience. Sometimes it can feel as though these requirements are in a battle against each other. In this post we will look at

[teppeis]

input要素のtype, inputmode, pattern, autocomplete属性を使ったワンタイムトークン入力フォームの改善。iOSではautocomplete=one-time-codeでSMSからの入力補助が可能

[efcl]

`autocomplete="one-time-code"`でSMSのワンタイムトークンを補完できる

[kyuns]

input autocomplete=“one-time-code”でいける

[braitom]

2要素認証のcode入力のinput要素をユーザーフレンドリーにするための工夫について。`inputmode="numeric"` にする、iOSのSMS受信からの自動入力用に`autocomplete="one-time-code"`を付けるなど。