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、ポリフィルを使用できます。

@プレースホルダー

<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 に答える