HTML input field hint

Question

I want to provide the user with a hint on what he needs to enter into my text field. However, when I set the value, it does not disappear once a user clicks on the text fiel

Answer 1

This is exactly what you want

$(document).tooltip({ selector: "[title]",
                              placement: "top",
                              trigger: "focus",
                              animation: false}); 

    Browser tooltip appears on hover but disappears on clicking the input field. But this one persists while user is typing within the field
    
    

[ref]