如何将img放到input输入框的尾部

如果你想在一个HTML表单中将图片作为`<input type="file">`的附加元素显示在输入框后面，通常的做法是在`<label>`标签内嵌套这两个元素，并设置一些CSS样式。以下是一个简单的示例：

<label for="file-input">
  <img src="your-image-url" alt="描述图片"> 选择文件
  <input type="file" id="file-input" name="file-input">
</label>

<style>
  label {
    display: inline-block;
    position: relative;
    cursor: pointer;
  }
  
  input[type=file] {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
    right: 0; /* 图片和文本的距离 */
    top: 0;
  }
</style>

在这个例子中，`<img>`标签会被放在`<input type="file">`的右侧，当用户点击“选择文件”文本时，实际上会选择文件输入框。由于`input[type=file]`的宽度和高度设为0，所以它不会占用实际的空间，但鼠标悬浮时会出现默认的文件选择按钮。