注意:当你考虑onclick="this.select()"时，在第一次点击时，所有字符都会被选中，之后可能你想在输入中编辑一些东西，然后再次点击字符，但它会再次选中所有字符。要解决这个问题，你应该使用onfocus而不是onclick。

如果有人想在页面加载w/ jQuery(甜蜜的搜索字段)这是我的解决方案

jQuery.fn.focusAndSelect = function() {
    return this.each(function() {
        $(this).focus();
        if (this.setSelectionRange) {
            var len = $(this).val().length * 2;
            this.setSelectionRange(0, len);
        } else {
            $(this).val($(this).val());
        }
        this.scrollTop = 999999;
    });
};

(function ($) {
    $('#input').focusAndSelect();
})(jQuery);

基于这篇文章。感谢CSS-Tricks.com

在输入字段中使用“占位符”而不是“值”。

你所问问题的确切解决方案是:

<input type="text" id="userid" name="userid" value="Please enter the user ID" onClick="this.setSelectionRange(0, this.value.length)"/>

但是我猜想，您试图在输入中显示“请输入用户ID”作为占位符或提示。 因此，您可以使用以下更有效的解决方案:

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

你可以替换

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

:

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

占位符用来替换值，就像你希望人们能够在文本框中键入而无需多次单击或使用ctrl + a。占位符使它不是一个值，但顾名思义，它是一个占位符。这就是在许多在线表单中使用的“用户名在这里”或“电子邮件”，当你点击它时，“电子邮件”消失，你可以立即开始输入。

当.select()在移动平台上不起作用时，这个问题有选项:在iOS设备(移动Safari)上以编程方式选择输入字段中的文本