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

Question

下面卡片中的输入框接受百分比值。因此，我在输入框中有一个占位符，表示百分比（％）。

当我开始输入输入时，我想用％符号作为后缀。

1. 最初，它应该是“百分比（％）”。检查＃3“非盟小型金融银行”
2. 如果提供了非零输入值，则其应为“ {{value}}％”。检查＃1“ ABB印度有限公司”
3. 如果未提供输入值或输入值为0，则将其返回到“百分比（％）”。我希望＃2“ ACC Ltd”显示“ Percentage（％）”，因为它被触摸了但没有提供值。

链接到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}}"/>