在layui的input输入框什么添加一个layui的icon
时间: 2023-12-10 15:57:17 浏览: 44
您好,您可以通过给输入框添加一个 span 标签,然后在 span 标签中添加 layui 的 icon,实现在 layui 的 input 输入框中添加一个 layui 的 icon。具体代码如下:
```html
<div class="layui-input-block">
<input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
<span class="layui-icon layui-icon-search"></span>
</div>
```
在这段代码中,我们在 input 输入框的外面包装了一个 div,然后给这个 div 添加了一个 class 为 layui-input-block,这个 class 与 layui 的 input 样式类似,可以使得我们添加的 icon 能够更好的与 input 输入框进行配合。然后在 div 中添加了一个 input 输入框,并且在 input 输入框的后面添加了一个 span 标签,这个 span 标签的 class 为 layui-icon,后面跟上了想要添加的 layui icon,这个例子中是 layui-icon-search,您可以根据自己的需求进行修改。这样就可以在 layui 的 input 输入框中添加一个 layui 的 icon 了。谢谢!