HTML表单输入标题样式

Question

我正在为我的网站制作表单，我需要在我的输入字段中提供一些工具提示，以解释用户应该在该字段中输入的内容。我已经四处探索了如何使用“span”和其他标签来设置title属性以及多种方式，但似乎没有任何效果。一些方法在文本上工作，但他们都没有在输入字段上工作。

有什么办法可以在输入字段上做出这样的提示吗？越简单越好。

Answer 1

几种方法可以做到这一点， jQuery的用户界面，例如配有办法做到这一点（https://jqueryui.com/tooltip/）

，或者你可以使用一个工具提示和触发它通过JS，这个悬停（或每当）例如：Eric Kidd的this example非常相似。

你需要做的悬停基本上显示您提示的是：

1. 风格的标签来显示等。无论您想它（这将是你tooltipbox）
2. 定义。是活跃类，其中隐藏您的标签，如果它没有连接到您的形式输入

3. 触发悬停类，例如像这样

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