HTML Web ページにテキスト ボックスを表示するための次のコードがあります。
<input type="text" id="userid" name="userid" value="Please enter the user ID" />
ページが表示されると、テキストに「ユーザー ID を入力してください」というメッセージが表示されます。ただし、すべてのテキスト (この場合は「ユーザー ID を入力してください」)を選択するには、ユーザーが 3 回クリックする必要があることがわかりました。
1 回のクリックだけでテキスト全体を選択することは可能ですか?
編集:
すみません、言い忘れました。入力を使用する必要がありますtype="text"
ベストアンサー1
JavaScriptを使うことができます.select()
HTMLElementのメソッド:
userid.addEventListener(`focus`, () => userid.select());
<label for="userid">User ID</label>
<input value="Please enter the user ID" id="userid" />