input输入框里面添加刷新图标，点击刷新图标切换里面的内容

好的，您可以参考以下代码实现：

HTML部分：

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

CSS部分：

#input-container {
  position: relative;
}

#input-field {
  padding-right: 30px;
}

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

JavaScript部分：

const inputField = document.getElementById('input-field');
const refreshIcon = document.getElementById('refresh-icon');
const contents = ['Content 1', 'Content 2', 'Content 3'];
let currentIndex = 0;

refreshIcon.addEventListener('click', () => {
  currentIndex++;
  if (currentIndex >= contents.length) {
    currentIndex = 0;
  }
  inputField.value = contents[currentIndex];
});

以上代码实现了一个带有刷新图标的输入框，并且点击图标时会切换输入框中的内容。您可以根据自己的需求进行修改和优化。