---
order: 2
zh-CN:
	title: 带前后缀的输入框
en-US:
	title: Input with prefix or suffix
---

```jsx
import { Input } from 'zent';

ReactDOM.render(
  <div>
    <Input addonBefore="$" />
    <Input addonAfter="%" />
    <Input addonBefore="Buy" addonAfter="Apple" />
  </div>
  , mountNode
);
```