0

私は jquery.inputmask ( https://github.com/RobinHerbots/jquery.inputmask ) を使用しており、次のようなことをしたい:

要素の最初の入力を「Hello my name is_」とすると、カーソルが末尾から始まり、自分の名前を入力できます。今、私はこのようなことをすることができます：

element.inputmask("Hello my name is",{ "placeholder": "Hello my name is" });

ただし、入力すると、プレースホルダー テキストが削除されます。プレースホルダー テキストを保持し、最後にユーザー入力を追加する方法はありますか?

4

2 に答える 2

1

あなたの投稿に対する私のコメントで述べたように、ここで入力マスクを使用するのではなく、スタイルlabelとinput要素を同じに見せることができます.

これは完璧ではありません (要素outline間のギャップinline-block(これは別の質問であり、数え切れないほど回答されています) に対応していないため) ですが、例を次に示します。

label, input {
  border: 1px solid #000;
  display: inline-block;
  font-family: sans-serif;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 4px;
  vertical-align: top;
}

input {
  border-left: none;
  margin-left: -1px;
}

label {
  border-right: none;
}
<label>Hello, my name is</label><input type="text" placeholder="..." />

于 2015-07-20T19:40:04.750 に答える
0 

<input value="your name is " onfocus="this.style.color='#000'"
       style="color:#aaa" onblur="this.style.color='#aaa'">

于 2015-07-20T19:41:10.683 に答える