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 field  How can you make it disappear    lt form action  input password htm  gt     lt p gt Username  lt br gt  lt input name  Username  value  Enter username    type  text  size  20  maxlength  20  gt  lt  p gt   lt  form gt

User · Answer

With HTML5  you can now use the placeholder attribute like this    lt form action  demo form asp  gt     lt input type  text  name  fname  placeholder  First name  gt  lt br gt     lt input type  text  name  lname  placeholder  Last name  gt  lt br gt     lt input type  submit  value  Submit  gt   lt  form gt     http   www w3schools com tags att input placeholder asp

User · Answer

This is exactly what you want   x000D   x000D    document  tooltip   selector    title    x000D                                placement   top   x000D                                trigger   focus   x000D                                animation  false     x000D   lt form id  form  gt  x000D       lt label for  myinput1  gt Browser tooltip appears on hover but disappears on clicking the input field  But this one persists while user is typing within the field lt  label gt  x000D       lt input id  myinput1  type  text  title  This tooltip persists    gt  x000D       lt input id  myinput2  type  text  title  This one also    gt  x000D   lt  form gt  x000D   x000D   x000D     ref

User · Answer

I think for your situation  the easy and simple for your html input   you can probably add the attribute title   lt input name  Username  value  Enter username    type  text  size  20  maxlength  20  title  enter username  gt

User · Answer

the best way to give a hint is placeholder like this    lt input     placeholder  hint      gt

User · Answer

I have the same problem  and I have add this code to my application and its work fine for me   step -1   added  the jquery placeholder js plugin   step -2  write the below code in your  area     function                input  textarea   placeholder          And now I can see placeholders on the input boxes

User · Answer

With a bit of JavaScript   lt input    value  quot Enter username    quot     onfocus  quot if  this value      Enter username      this value    quot        gt   HTML5 has a nice attribute for this  called placeholder   lt input placeholder  quot Enter username   quot        gt   but this attribute is not supported in old browsers

User · Answer

If you mean like a text in the background  I d say you use a label with the input field and position it on the input using CSS  of course  With JS  you fade out the label when the input receives values and fade it in when the input is empty  In this way  it is not possible for the user to submit the description  whether by accident or intent

User · Answer

You d need attach an onFocus event to the input field via Javascript    lt input type  text  onfocus  this value     value             gt

User · Answer

Define tooltip text   lt input type  text  id  firstname  name  firstname  tooltipText  Type in your firstname in this box  gt     Initialize and configure the script   lt script type  text javascript  gt  var tooltipObj   new DHTMLgoodies formTooltip    tooltipObj setTooltipPosition  right    tooltipObj setPageBgColor   EEE    tooltipObj setCloseMessage  Exit    tooltipObj initFormFieldTooltip     lt  script gt

[html] HTML input field hint

Examples related to html

Examples related to textfield

Examples related to hint