Open Source Web » input http://www.open-source-web.com Your open source for Development and Design Sun, 08 Jan 2012 10:21:46 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 JavaScript Input box control http://www.open-source-web.com/javascript/javascript-input-box-control/ http://www.open-source-web.com/javascript/javascript-input-box-control/#comments Mon, 12 Jan 2009 20:50:45 +0000 Adi http://www.open-source-web.com/?p=5 The idea behind this was to aid design and usability by adding a label inside the input box to give an indication of what it was for. It might not be a search box, maybe you want to add labels for name and address boxes who knows.

Click the input box below and see how the “search” disappears leaving it empty for the user to edit. If the user clicks and clicks off leaving it empty the label will return to “Search”


Here is how it works.

A basic Javascript function to control the input box called “test” This function basicaly says. Check if the box is empty, if it is make it’s value “Search”.
The input box also calls Javascript “onclick” to clear the input and “onblur” to call the function below.
]]> http://www.open-source-web.com/javascript/javascript-input-box-control/feed/ 0