虽然有好多现成的轮子,但我还是想记录一下这个通过自己尝试得出来的
需求:
一个搜索框,添加placeholder:搜索图标和‘搜索’这两个字
实现
1. 这个搜索两个字好加,直接placeholder里写就行,但是写完我又想让这两个字居中显示,然后我搜索了一下,有placeholder-class这个属性,然后我就写了一个类实现居中,绑定到这个属性上果然可以。
2. 之后想加图标,因为我这个项目已经引入了icon-font的图表库,所以我就像尝试直接在placeholder-class里写入对应图标的类名会不会显示,果然成功了
<input
class="search"
disabled=true
confirm-type="search"
placeholder="搜索"
placeholder-class="iconfont icon-sousuo search-holder" />