你可以替换

<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。占位符使它不是一个值，但顾名思义，它是一个占位符。这就是在许多在线表单中使用的“用户名在这里”或“电子邮件”，当你点击它时，“电子邮件”消失，你可以立即开始输入。

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

实际上，可以使用onclick="this.select();"，但记住不要将其与disabled="disabled"结合使用——这样就不能工作了，你仍然需要手动选择或多点点击来选择。如果希望锁定要选择的内容值，请结合属性readonly。

如果你正在使用AngularJS，你可以使用一个自定义指令来方便访问:

define(['angular'], function () {
    angular.module("selectionHelper", [])
    .directive('selectOnClick', function () {
        return {
            restrict: 'A',
            link: function (scope, element, attrs) {                
                element.on('click', function () {
                    this.select();
                });
            }
        };
    });
});

现在你可以这样使用它:

<input type="text" select-on-click ... />

这个示例带有requirejs -所以如果使用其他内容，可以跳过第一行和最后一行。

Html(你必须把onclick属性放在你想要它在页面上工作的每个输入上)

 <input type="text" value="click the input to select" onclick="this.select();"/>

或者一个更好的选择

jQuery(这将适用于页面上的每个文本输入，不需要改变你的html):

<script  type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>  
<script type="text/javascript">
    $(function(){
        $(document).on('click','input[type=text]',function(){ this.select(); });
    });
</script>

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