To have your text input field pre-filled in with some text that disappears as soon as the user selects it, use the attribute placeholder:

<input type="text" placeholder="User name here">

UI/UX Design by

We make sure that your target audience has the best possible experience with your digital product. You get:

• Design tailored to your audience
• Proven processes customized to your needs
• An expert team of experienced designers

Read more Show archive.org snapshot

This will only work in recent browsers Show archive.org snapshot (IE >= 10, FF >= 4, Chrome >= 4, Safari >= 5, Opera >= 11.6).