2

我有一个登录表单：

<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>

我想让它这样当用户从一个字段切换到另一个字段时，它将选择设置在字段的开头，而不是突出显示整个字段的文本。可以在此处的登录表单上看到一个示例：https ://squareup.com/ 。

我有一个将光标设置在文本输入开头的函数，我setCursorAtBeginning将如何使用 js 或 jQuery 完成上述操作（最好，如果可以在其中完成）？

4

2 回答 2

3

你想用placeholder. 如果您的浏览器支持，您可以拥有它@placeholder，或者您可以使用 polyfill。

@占位符

<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>​

检查出来。

填充物

如果你想在旧浏览器中使用它，你可以使用HTML5 Placeholder jQuery Plugin

于 2012-06-17T18:56:07.160 回答
0

使用占位符。最好的方法是与一些 js 一起使用，以实现跨浏览器的兼容性。喜欢这个插件http://mal.co.nz/code/jquery-placeholder/

于 2012-06-17T19:00:33.597 回答