ant-design/components/input/demo/presuffix.md

order	title
8	zh-CN en-US 前缀和后缀 prefix and suffix

zh-CN

在输入框上添加前缀或后缀图标。

en-US

Add prefix or suffix icons inside input.

import { Input, Tooltip, Icon } from 'antd';

ReactDOM.render(
  <Input
    placeholder="Enter your username"
    prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />}
    suffix={
      <Tooltip title="Extra information">
        <Icon type="info-circle" style={{ color: 'rgba(0,0,0,.45)' }} />
      </Tooltip>
    }
  />,
  mountNode,
);