相关疑难解决方法(0)

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

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

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

只需点击一下即可选择整个文本吗？

编辑:

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

例如:http://codepen.io/Enclave88/pen/YqNpog？edit = 1010

var InputBox = React.createClass({
  render: function() {
    return (
      <input className="mainInput" value='Some something'></input>
    )
  }
});