---
order: 12
zh-CN:
	title: 密码输入框
	password: 请输入密码
	icon: 带 Icon 的 input
en-US:
	title: Password
	password: Please enter your password
	icon: With icon
---

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

class EventTest extends React.Component {
	state = {
		value: '',
	};

	onChange = e => {
		this.setState({ value: e.target.value });
	};

	render() {
		return (
			<div>
				<Password />
				<Password
					onChange={this.onChange}
					value={this.state.value}
					showClear
				/>
			</div>
		);
	}
}

ReactDOM.render(
	<EventTest />,
	mountNode
);
```