我想设置一个用户可以输入的输入字段,该字段中固定有一个 £
符号。用户不应该能够删除或更改此标志,但用户应该能够修改后面的内容。
例如
- 初始
£
- 用户添加
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" />
关于javascript - 在 React 中为输入字段设置默认值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41563648/