---
order: 7
title: 带移除图标
---

## desc-cn 
带移除图标的输入框，点击图标删除所有内容。

```html
<h3>Html:</h3>
<sp-input placeholder='Basic usage' allow-clear='true'></sp-input>
```


```jsx
const Demo = () => {
     return <div>
     <h3>React:</h3>
        <sp-input placeholder='Basic usage' allow-clear='true'></sp-input>
    </div>
}
ReactDOM.render(<Demo />, mountNode)
```
