SMS OTP form best practices
DRANK

Asking a user to provide an OTP (one-time password) delivered via SMS is a common way to confirm a user's phone number. This post provides you with the best practices to build an SMS OTP form with great user experience.

web.dev
Related Topics:
1 comments
  • えーじ
    @agektmr

    SMS OTP フォームのベストプラクティス記事を書きました。簡単なまとめです：

    1. input タグには以下を使う:
      a. type="text"
      b. inputmode="numeric"
      c. autocomplete="one-time-code"
    2. SMSにはオリジンに紐付けるフォーマットを使う:
      @${BOUND-ORIGIN} #${OTP}
    3. Web OTP APIを使う
      詳しくはこちら：