我有以下代码在 HTML 网页中显示文本框。

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

当页面显示时，文本包含 请输入用户 ID 消息。但是，我发现用户需要单击 3 次才能选择所有文本(在这种情况下是 请输入用户 ID)。

是否可以一键全选？

编辑:

对不起，我忘了说:我必须使用输入 type="text"

最佳答案

您可以使用 JavaScript .select() method for HTMLElement :

<label for="userid">User ID</label>
<input onClick="this.select();" value="Please enter the user ID" id="userid" />

但显然它不适用于移动 Safari。在这些情况下，您可以使用:

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

https://stackoverflow.com/questions/4067469/