在input添加个图标

您可以使用HTML/CSS代码将图标添加到输入框中。以下是一个简单的示例代码：

<div class="input-group">
  <div class="input-group-prepend">
    <span class="input-group-text"><i class="fa fa-user"></i></span>
  </div>
  <input type="text" class="form-control" placeholder="Username">
</div>

在这个例子中，我们使用了Font Awesome图标库中的用户图标。您可以在Font Awesome官网上找到更多的图标选择。

相关问题

input输入框里面添加刷新图标

要在input输入框里面添加刷新图标，可以使用HTML、CSS和JavaScript来实现。以下是一个简单的实现方法：

HTML代码：

<div class="input-container">
  <input type="text" id="input-box">
  <i class="fa fa-refresh" id="refresh-icon"></i>
</div>

CSS代码：

.input-container {
  position: relative;
}

#input-box {
  padding-right: 30px; /* 留出刷新图标的位置 */
}

#refresh-icon {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  cursor: pointer;
}

JavaScript代码：

var inputBox = document.getElementById("input-box");
var refreshIcon = document.getElementById("refresh-icon");

refreshIcon.addEventListener("click", function() {
  inputBox.value = ""; // 点击刷新图标时清空输入框的内容
});

这样就可以在input输入框里面添加刷新图标，并且点击图标时可以清空输入框的内容。你可以根据自己的需求进行修改和扩展。

如何在input框内添加layui字体图标

要在input框内添加layui字体图标，需要按照以下步骤操作：

1. 在HTML文件中引入layui字体图标的CSS文件和字体文件，可以通过以下代码实现：

<link rel="stylesheet" href="//cdn.bootcss.com/layui/2.4.5/css/layui.css">

2. 在input框内添加一个图标元素，可以通过以下代码实现：

<div class="layui-input-inline">
  <input type="text" name="username" placeholder="请输入用户名" autocomplete="off" class="layui-input">
  <i class="layui-icon layui-icon-username"></i>
</div>

其中，`layui-input-inline`是一个layui的样式类，可以让input框和图标元素在同一行。`layui-icon`是一个layui的字体图标类，`layui-icon-username`表示要显示的图标，可以根据需求替换为其他图标。

3. 在JS文件中初始化layui，可以通过以下代码实现：

<script src="//cdn.bootcss.com/layui/2.4.5/layui.js"></script>
<script>
  layui.use(['form'], function(){
    var form = layui.form;

    //执行一个laydate实例
    form.render();
  });
</script>

以上就是在input框内添加layui字体图标的步骤。