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

小编典典

all

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

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

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

是否可以一键选择整个文本？

编辑：

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

阅读 106

2022-03-04

共1个答案

小编典典

您可以使用这个 javascript 片段：

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

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

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

2022-03-04