单击时选择HTML文本输入中的所有文本

小编典典

javascript

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

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

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

只需单击一下就可以选择整个文本吗？

编辑：

抱歉，我忘了说：我必须使用输入 type="text"

阅读 333

2020-05-01

共1个答案

小编典典

您可以使用以下javascript代码段：

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

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

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

2020-05-01