JavaScript鼠标点到文本框时出现浮框提示信息

您可以使用 HTML5 中的 input 标签的 title 属性，来在文本框旁边显示浮框提示信息。例如：

<input type="text" title="请输入您的姓名">

当用户将鼠标放到文本框旁边时，会显示浮框提示信息。如果您需要在文本框中显示提示信息，可以使用 JavaScript 和 CSS 来实现。例如：

<div class="input-wrap">
  <input type="text" id="nameInput">
  <div class="tooltip">请输入您的姓名</div>
</div>
<style>
  .input-wrap {
    position: relative;
  }
  .tooltip {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 5px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-top: none;
    z-index: 1;
  }
  .input-wrap:hover .tooltip {
    display: block;
  }
</style>
<script>
  var nameInput = document.getElementById("nameInput");
  var tooltip = document.querySelector(".tooltip");
  nameInput.onfocus = function() {
    tooltip.style.display = "none";
  };
  nameInput.onblur = function() {
    if (nameInput.value === "") {
      tooltip.style.display = "block";
    }
  };
</script>

这段代码会在文本框的下方显示一个提示信息浮框，当用户将鼠标放到文本框旁边时，浮框会显示出来；当用户将鼠标放到浮框上时，浮框仍然显示出来；当用户在文本框中输入内容时，浮框会自动消失。