2016-08-14 15 views
0

私は自分のウェブサイト用のフォームを作成中です。入力フィールドには、ユーザーがそのフィールドに入力する必要があることを説明するツールチップが必要です。私は "span"と他のタグでいくつかの方法と同様にtitle属性をスタイルする方法を見てきましたが、何も動作していないようです。これらのメソッドの中にはテキストを扱うものもありましたが、入力フィールドでは機能しませんでした。HTMLフォーム入力タイトルスタイリング

入力フィールドにこのようなツールチップを作成する方法はありますか?よりシンプルな方が良いでしょう。例えば

+2

[入力ボックスにツールチップを追加する]の可能な複製(http://stackoverflow.com/questions/19480010/adding-a-tooltip-to-an-input-box) – Daniel

答えて

1

これを行うには、いくつかの方法、 jQueryのUIは、この(https://jqueryui.com/tooltip/)を行う方法が付属しています

か、ツールチップとして使用し、ホバー(またはたび)に、それを引き起こす可能性がJSを経由して、この例:this exampleエリックキッド著かなりシンプルです。あなたは基本的にはホバー上のツールチップを表示するために行うために必要なもの

です:あなたはそれが(これはあなたのtooltipboxになります)したいwhereeverラベルが表示される

  1. スタイル
  2. .is - アクティブの定義それはあなたのフォーム入力
  3. トリガーホバー上のクラスに添付されていない場合は、この

    $(".form").mouseenter(handlerIn).mouseleave(handlerOut); 
    
    function handlerIn() { 
    this.addClass("is-active"); 
    } 
    
    function handlerOut() { 
    this.removeClass("is-active"); 
    } 
    
のように、たとえば、あなたのラベルを隠しクラス、
関連する問題