[解決済み] HTMLのテキスト入力でクリックするとすべてのテキストが選択される

質問

HTMLのウェブページにテキストボックスを表示するために、以下のコードを用意しました。

<input type="text" id="userid" name="userid" value="Please enter the user ID" />

ページが表示されると、テキストには ユーザーIDを入力してください というメッセージが表示されます。しかし、ユーザーがすべてのテキストを選択するためには、3回クリックする必要があることがわかりました（この場合、テキストは ユーザーIDを入力してください ).

1回のクリックでテキスト全体を選択することは可能ですか？

編集してください。

すみません、言い忘れました。私は、入力 type="text"

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

このjavascriptのスニペットを使用することができます。

<input onClick="this.select();" value="Sample Text" />

しかし、どうやらモバイルのSafariではうまくいかないようです。そういう場合は、使ってみてください。

<input onClick="this.setSelectionRange(0, this.value.length)" value="Sample Text" />