我想设置一个用户可以在其中输入£符号的输入字段。用户应该不能删除或更改该符号,但是用户应该可以修改之后的内容。

例如


初始£
用户添加10,结果:£10
用户修改的10-> 5000,结果:£5000
用户删除该字段中的所有内容,结果:£保留


占位符标记不起作用,因为在字段中输入内容时该标记不可见。
默认值也不是我想要的。

Place your stake: <input type="text" onChange={this.handleStakeChange}/>

最佳答案

您可以使用CSS和背景图片轻松地做到这一点:



.pounds-input {
  padding: 0 0 0 20px;
  background: url(https://cdn1.iconfinder.com/data/icons/business-finance-1-1/128/currency-sign-pound-128.png) no-repeat;
  background-size: 12px 12px;
  background-position: 2px 2px;
}

<input class="pounds-input" type="number" />

09-30 16:47
查看更多