
您可以通过以下步骤在input中添加图标:
1. 在html文档中添加一个图标元素,例如:
```html
<i class="fa fa-search"></i>
```
这里使用了font awesome中的一个搜索图标,当然您也可以使用其他图标库或自定义图标。
2. 将图标元素放置在input标签内或旁边,例如:
```html
<div class="input-group">
<input type="text" class="form-control" placeholder="搜索...">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
</div>
```
这里使用了bootstrap中的一个input组件,其中input标签和图标元素被放置在一个input-group容器内,同时图标元素被添加了一个input-group-addon类。
3. 根据需要在css中调整图标的样式和位置,例如:
```css
.input-group-addon {
background-color: #fff;
border: none;
padding: 10px;
font-size: 18px;
}
.input-group-addon i {
color: #ccc;
}
```
这里设置了图标元素的背景色、边框、内边距、字号等属性,并使用了图标元素所包含的i元素选择器来设置图标的颜色。
通过以上步骤,您就可以在input中添加图标了。