Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 制表符到文本输入的开头_Javascript_Jquery - Fatal编程技术网

Javascript 制表符到文本输入的开头

Javascript 制表符到文本输入的开头,javascript,jquery,Javascript,Jquery,我有一个登录表单: <form> <div class="username"> <label for="username">Email</label><br /> <input type="text" class="field" value="Enter your email" name="email" id="id_email"> </div> <d

我有一个登录表单:

<form>
    <div class="username">
        <label for="username">Email</label><br />
        <input type="text" class="field" value="Enter your email" name="email" id="id_email">
    </div>
    <div class="password">
        <label for="password">Password</label><br />
        <input type="password" class="field" name="password" id="id_password">
    </div>
</form>

电子邮件
密码
我希望这样,当用户从一个字段切换到另一个字段时,它会在字段的开头设置选择,而不是突出显示整个字段的文本。在登录表单中可以看到以下示例:


我有一个函数可以将光标设置在文本输入的开头,
setcursoratbeging
,我如何使用js或jQuery完成上述操作(如果可以在其中完成,最好是这样)?

您想使用
占位符
。如果您的浏览器支持
@占位符
,您就可以使用它,或者您可以使用polyfill

@占位符

电子邮件
密码

聚填料
如果您想在较旧的浏览器中使用它,可以使用占位符。最好的方法是将它与一些js一起使用,以实现跨浏览器兼容性。就像这个插件一样

你真的不应该这样做,这不是人们期望的行为。我只想在字段=默认值的情况下这样做,请查看上面的链接,看看它是如何工作的。而不是使用默认值(看起来更像一个标签)在
属性中,最好使用
占位符
。哦,我明白了……所以基本上有两个不同的元素。这使它更容易,谢谢你指出这一点!不,我的意思是
<form>
  <div class="username">
    <label for="username">Email</label><br />
    <input type="text" class="field" placeholder="Enter your email" name="email" id="id_email">
  </div>
  <div class="password">
    <label for="password">Password</label><br />
    <input type="password" class="field" name="password" id="id_password" placeholder="Enter your password">
  </div>
</form>​