フォーム v1.0.0

電話番号入力

国セレクタードロップダウン、国旗絵文字、国番号を備えた国際電話番号入力。 検索可能な国リスト、自動フォーマット、フォーム送信用にE.164形式の値を 格納するhidden入力を備えています。

プレビュー & コード

オプション

名前 型 デフォルト 説明
name * String 必須 Form field name attribute (used on the hidden input for E.164 value)
value String nil Initial phone number value (digits only, without dial code)
default_country String "US" Default country code (ISO 3166-1 alpha-2)
label String nil Label text displayed above the input
placeholder String nil Placeholder text for the phone number input
required Boolean false Whether the field is required
disabled Boolean false Whether the field is disabled
size Symbol :md Input size: :sm, :md, or :lg
error String nil Error message -- turns the border red and displays below the input

変更履歴 v1.0.0

- v1.0.0: Initial release with country selector, searchable dropdown, and E.164 hidden value
- 30 countries with flag emojis and dial codes
- Three size options: sm, md (default), lg
- Error and disabled states
- Full dark mode support

フルアクセスを取得

このコンポーネントと他のすべてのソースコードをアンロックしましょう。一回のお支払いで永久アクセス。

今すぐアクセスを取得