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!
The value attribute specifies the value of an <input> element. The value attribute is used differently for different input types: For "button", "reset", and "submit" - it defines the text on the button. For "text", "password", and "hidden" - it defines the initial (default) value of the input field.
The disabled attribute can be set to keep a user from using the <input> element until some other condition has been met (like selecting a checkbox, etc.). Then, a JavaScript could remove the disabled value, and make the <input> element usable.
It's placeholder attribute
<input type="text" placeholder="Type your name">
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With