まず、HTMLフォームのテキストフィールドにプレースホルダーを設定します。以下は例です:
<input type="text" placeholder="名前を入力してください">
次に、JavaScriptでプレースホルダーを取得する方法を示します。以下のコードを使用します:
const inputElement = document.querySelector('input[type="text"]');
const placeholder = inputElement.placeholder;
console.log(placeholder);
上記のコードでは、querySelector
メソッドを使用して、HTMLフォームのテキストフィールドを取得しています。その後、placeholder
プロパティを使用して、プレースホルダーの値を取得しています。最後に、console.log
関数を使用して、取得したプレースホルダーをコンソールに表示しています。
この方法を使用すると、JavaScriptでフォームのプレースホルダーを簡単に取得することができます。これは、フォームのバリデーションやユーザーインターフェースのカスタマイズなど、さまざまなシナリオで役立ちます。