### [フォームにオートフォーカスを追加する方法](https://wpforms.com/developers/how-to-add-autofocus-on-your-form/) **公開日:** 2020年12月15日 **著者:** エディトリアルチーム **抜粋:** このチュートリアルでは、JavaScriptを使用して、ページが読み込まれたときにカーソルが最初のフォームフィールドに自動的にフォーカスするようにする方法を説明します。 **コンテンツ:** ユーザーエクスペリエンスを向上させるために、フォームにオートフォーカスを有効にすることに興味がありますか？オートフォーカスを使用すると、ページが読み込みを完了したときにカーソルが最初のフォームフィールド内で自動的にアクティブになり、ユーザーインタラクションが合理化されます。この簡単な機能強化は、JavaScriptコードスニペットを使用して実現でき、プロセスをガイドします。 ## フォームの作成 まず、フォームを作成し、フォームフィールドを追加することから始めます。フォームの作成についてサポートが必要な場合は、[このドキュメントを参照してください](https://wpforms.com/docs/creating-first-form/ "最初のフォームの作成方法")。  ## オートフォーカスを追加するためのスニペットの作成 次に、このコードスニペットをサイトに追加する必要があります。 サイトへのスニペットの追加についてサポートが必要な場合は、[このチュートリアルを参照してください](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "WPFormsのカスタムPHPまたはJavaScriptの追加方法")。 ``` /** * フォームの最初のフィールドにオートフォーカスを追加します * * @link https://wpforms.com/developers/how-to-add-autofocus-on-your-form/ */ function wpf_dev_autofocus() { ?> **カテゴリ:** フィールド **タグ:** Javascript, JS ---