html - 是否可以保留输入占位符中的部分内容？

Question

下面卡片中的输入框接受百分比值。因此，我在输入框中有一个占位符，显示百分比 (%)。

当我开始输入输入时，我想在值后面加上 % 符号。

1. 最初，它应该是“百分比 (%)”。检查＃3“AU小型金融银行”
2. 如果提供了非零输入值，那么它应该是“{{value}}%”。检查＃1“ABB印度有限公司”
3. 如果未提供输入值或为 0，则返回“百分比 (%)”。我希望 #2 “ACC Ltd” 显示“百分比 (%)”，因为它已被触及但未提供任何值。

链接到 codepen https://codepen.io/agrawalo/pen/NWKaWMm

<input placeholder="Percentage (%)"  id="input_{{stock.code}}" class="stock"/>

JS代码：

$('.stock').on('focus click', function() {
  $(this)[0].setSelectionRange(0, 0);
  $(this).val('%');
})

Answer 1

尝试价值而不是占位符

<input value="0%"  id="input_{{stock.code}}"/>