我想设置一个用户可以在其中输入£
符号的输入字段。用户应该不能删除或更改该符号,但是用户应该可以修改之后的内容。
例如
初始£
用户添加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" />