Jordan Clifton
Jordan Clifton

Reputation: 321

How do I make a HTML input box default text remove AFTER starting to type

Say I have an input box with default text "name" in it. I would like for the user to click the box, the text stays in the box until the user starts to type.

I am not looking for code to clear the input box after focusing it.

Thanks!

Upvotes: 20

Views: 39442

Answers (2)

Steven
Steven

Reputation: 964

What you are trying to do depends on the version of the browser you are targeting. If the customer uses a browser that support html5 then the answer from @alexndm will work. However if you are targeting a mass audience with number of browser version.

This article here will show how to do it the old way, i.e. using javascript. How do I get placeholder text in firefox and other browsers that don't support the html5 tag option?

Note: the OP of the post I linked also have html5 in case you need it.

Upvotes: 1

alexndm
alexndm

Reputation: 2929

It's placeholder attribute

<input type="text" placeholder="Type your name">

Upvotes: 51

Related Questions