### [スマートフォンのフォームフィールドで国を制限する方法](https://wpforms.com/developers/how-to-restrict-countries-inside-smart-phone-form-fields/) **公開日:** 2022年1月5日 **著者:** David Ozokoye **抜粋:** このチュートリアルでは、コードスニペットを使用してスマートフォンのフォームフィールドで国を制限する方法を説明します。 **コンテンツ:** スマートフォンのフォームフィールドで利用可能な国を制限したいと思いますか？デフォルトでは、スマートフォンのフィールドはすべての国を表示し、IPアドレスからユーザーの国を検出します。 このガイドでは、フィールドを希望する特定の国のみを表示するように制限する方法を説明します。 ## フォームの設定 まず、フォームを作成し、**電話**フォームフィールドを含むフィールドを追加します。 フォームの作成にサポートが必要な場合は、[最初のフォームの作成](https://wpforms.com/docs/creating-first-form/)ガイドを確認してください。 **電話**フォームフィールドを追加したら、フォーマットのドロップダウンをクリックし、ドロップダウンから**スマート**が選択されていることを確認します。 ## 国の制限の追加 利用可能な国を制限するには、サイトにJavaScriptコードを追加する必要があります。カスタムコードの追加方法がわからない場合は、[WPForms用のカスタムPHPまたはJavaScriptの追加方法](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/)ガイドを確認してください。 ### 国のオプションのカスタマイズ 利用可能な国を変更するには： - 33行目：`options.onlyCountries`配列の国コードを置き換えます - 小文字の2文字のISO国コードを使用します（例：米国の場合は「us」） - 複数の国はカンマで区切ります - 国コードは[公式ISO 3166-1 alpha-2コードリスト](https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes)で見つけます 例： - 米国とカナダのみの場合：\[‘us’, ‘ca’\] - 英国、アイルランド、オーストラリアの場合：\[‘gb’, ‘ie’, ‘au’\] - すべての欧州連合諸国の場合：\[‘fr’, ‘de’, ‘it’, ‘es’, ‘pt’, ‘nl’, ‘be’, ‘dk’, ‘se’, ‘fi’\] ### 重複する国のオプションの削除 一部の国がドロップダウンに2回表示されることに気づくかもしれません。IP検出に基づいて上部に1回、メインリストに1回表示されます。これらの重複を削除するには、次のCSSをサイトに追加します。 ``` form#wpforms-form-1000 .iti__active { display: none; } ``` **1000**を実際のフォームIDに置き換えてください。フォームIDの見つけ方がわからない場合は、[フォームIDとフィールドIDの見つけ方](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/)ガイドを確認してください。 フォームに入力された電話番号を、メール通知でリンクとして表示させたいですか？[メール通知で電話番号をリンクにする方法](https://wpforms.com/developers/how-to-make-phone-numbers-a-link-in-email-notifications/ "How to Make Phone Numbers a Link in Email Notifications")のチュートリアルを確認してください。 ## 参照アクション [wpforms\_wp\_footer\_end](https://wpforms.com/developers/wpforms_wp_footer_end/ "Using the wpforms_wp_footer_end action") **カテゴリ:** フィールド **タグ:** Javascript, JS, PHP ---