1. ホーム
  2. javascript

[解決済み] プレースホルダーのテキストを変更する

2023-03-28 15:29:08

質問

input要素のプレースホルダーのテキストを変更するにはどうしたらよいでしょうか。

例えば、textタイプの入力が3つあります。

<input type="text" name="Email" placeholder="Some Text">
<input type="text" name="First Name" placeholder="Some Text">
<input type="text" name="Last Name"placeholder="Some Text">

を変更するにはどうすればよいですか? テキスト のテキストを変更するにはどうすればよいですか?JavaScriptまたはjQueryを使用してください。

どのように解決するのですか?

もし、Javascriptを使いたいのであれば getElementsByName() メソッドを使って input フィールドを選択し placeholder をそれぞれ変更します。

document.getElementsByName('Email')[0].placeholder='new text for email';
document.getElementsByName('First Name')[0].placeholder='new text for fname';
document.getElementsByName('Last Name')[0].placeholder='new text for lname';

それ以外の場合は、jQueryを使用します。

$('input:text').attr('placeholder','Some New Text');