Dynamic textbox 1

12.11.2008 - 15:17

With this little codesnippet, you can make a Dynamic text-input box like mine.
(See "Search" at the top)
You can use this for all kinds of purposes (Search, Contact, Comment, login, etc).

Preview:


It does the following:

• Shows an input text-box with a standard value. (for example: "Search..")
• When the user clicks the text box, the value text disappears so text can be entered.
• When the user does not type anything in the textbox, the standard value will come back after clicking out of the textbox.

<script> <!-- var defaultvalue = "Search"; // Change default value of input here function clearit(field) { field.setAttribute("class",""); if (field.value == defaultvalue) { field.value = ""; } } function writeit(field) { if(field.value == "") { field.value = defaultvalue; field.setAttribute("class","searchit"); } } // --> </script>


<input type="text" value="Search" class="searchit" onfocus="clearit(this);" onblur="writeit(this);" />



Dynamic textbox is rated as:

4 points from 2 vote(s).

Home · Javascript