JavaScript を使用して HTML 入力フィールドにデフォルト値を設定する方法

JavaScript を使用した入力フィールドのデフォルト値の設定

フォーム入力フィールドは、Web サイトでユーザー入力を収集するために不可欠な要素です。これらのフィールドにデフォルト値を設定すると、ユーザー エクスペリエンスが向上し、データ検証が容易になります。 JavaScript を使用して入力テキスト フィールドのデフォルト値を設定する方法を見てみましょう。

構文:

識別子「nameofid」を持つ入力テキスト フィールドのデフォルト値を設定するには" から "My value" までは、次のコードを使用します:

document.getElementById("nameofid").value = "My value";

このコードは、入力フィールド要素をその要素によって取得します。 ID を取得し、その value プロパティに「My value」を割り当てます。このプロパティは、フィールド内に表示されるテキストを表します。

例:

次の HTML 入力フィールドについて考えてみましょう:

<!-- Input field with ID "my-input" -->
<input type="text">

デフォルトを設定するには値を「サンプル値」に設定すると、次の JavaScript コードを使用できます。

// Get the input field element
const inputElement = document.getElementById("my-input");

// Set the default value
inputElement.value = "Example value";

上記のテクニックを使用すると、Web フォームの入力テキスト フィールドに事前に入力された値を簡単に設定できます。これらのデフォルト値は、プレースホルダーとして機能したり、ユーザーに初期データを提供したりできるため、手動入力の必要性が減ります。

以上がJavaScript を使用して HTML 入力フィールドにデフォルト値を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。