javascript - 键入时保留输入的占位符文本

Question

我有这个输入:

  <input type="number" class="textfield numberField font"  name="Price" placeholder="Price"><br>

因此文本占位符是价格。当用户开始输入时，我想保留“价格”一词。

因此，如果他输入 65，他将在输入中看到:

Price 65

我是否需要在内部为单词 price 创建另一个 div，或者可以使用 js 或 html 来完成吗？

Answer 1

我想你也想成为那样的人。

  
.full-input {
  display: inline-block;
  padding: 3px;
  border: 2px solid blue;
}
input {
  outline: none;
  border: none;
  display: inline-block;
  line-height: 1.2em;
  font-size: 14pt;
}
label {
  display: inline-block;
  font-size: 12px;
  color: blue;
}

<div class='full-input'><label for='price'>Price</label>
  <input type='number'class="textfield numberField font"  name="Price">
 </div>