如何使用CSS或JS使一些文本输入在输入中显示帮助图标？

.help-icon::before {
  content: "\f059"; /* Font Awesome帮助图标的Unicode编码 */
  font-family: "Font Awesome";
  font-size: 16px;
  color: #999;
  cursor: pointer;
}

<div class="input-container">
  <input type="text" class="input-field">
  <span class="help-icon"></span>
</div>

const helpIcon = document.querySelector('.help-icon');
const helpInfo = document.querySelector('.help-info');

helpIcon.addEventListener('click', () => {
  // 显示帮助信息
  helpInfo.style.display = 'block';
});