jQuery输入掩码保留占位符文本

Question

我正在使用jquery。输入掩码(https://github.com/RobinHerbots/jquery.inputmask)，我想这样做:

让元素的初始输入为:"Hello my name is_"，然后光标将从末尾开始，您可以键入您的名字。现在，我可以这样做:

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

但是当您键入时，它会删除占位符文本。是否有一种方法可以保留占位符文本并在最后添加用户输入?

Answer 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="..." />

Answer 2

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