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"); 
   }