HTML表单输入标题样式

Question

我正在为我的网站制作表单，我需要在输入字段上提供一些工具提示，说明用户应在该字段中输入的内容。我已经四处寻找方法来设置title属性的样式以及使用＆＃34; span＆＃34;和其他标签，但似乎没有任何作用。有些方法适用于文本，但它们都不适用于输入字段。

有没有办法在输入字段上制作这样的工具提示？越简越好。

Answer 1

有几种方法可以做到这一点， 例如，Jquery UI提供了一种方法（https://jqueryui.com/tooltip/）

或者你可以使用a作为工具提示并通过js在悬停（或者每当）时触发它，这个例子：Eric Kidd的this example非常类似。

在悬停时显示工具提示所需要做的是：

1. 将标签设置为您想要显示的样式（这将是您的工具提示框）
2. 定义一个.is-active类，如果它没有附加到您的表单输入，它会隐藏您的标签

3. 在悬停时触发类，例如像

   $(".form").mouseenter( handlerIn ).mouseleave( handlerOut );
   
   function handlerIn () {
    this.addClass("is-active");
   }
   
   function handlerOut () {
    this.removeClass("is-active");
   }