How to create a label inside an <input> element?

html forms label placeholder
collimarco picture collimarco · Apr 23, 2009 · Viewed 191.8k times · Source

I would like to insert a descriptive text inside an input element that disappers when the user click on it.

I know it is a very common trick, but I do not know how to do that..

What is the simplest/better solution?

Answer

Rich Bradshaw picture Rich Bradshaw · Mar 18, 2010

If you're using HTML5, you can use the placeholder attribute.

<input type="text" name="user" placeholder="Username">

Related questions

What does "for" attribute do in HTML <label> tag?

I wonder what is the difference between the following two code snippets: <label>Input here : </label> <input type='text' name='theinput' id='theinput'/> and <label for='theinput'>Input here : </label> &…

Read More
text-align: right; not working for <label>

Simply enough I can't get text to align to right in a <label> element. HTML <div id="contact_form"> <label for="name" id="name_label">Name:</label> </div> CSS #contact_…

Read More
Set the value of an input field

How would you set the default value of a form <input> text field in JavaScript?

Read More