Comments on: Clear default text from input boxes using Javascript http://www.tacticaltechnique.com/web-development/clear-default-text-from-input-boxes-using-javascript/ Web development with Corey Salzano Fri, 03 Feb 2012 02:45:21 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Corey http://www.tacticaltechnique.com/web-development/clear-default-text-from-input-boxes-using-javascript/#comment-35405 Corey Mon, 20 Sep 2010 14:45:06 +0000 http://www.tacticaltechnique.com/?p=478#comment-35405 Tim, You could view the source of this page since I've built a demo above. The two functions need to be placed in a script block like this: <p><code><script type="text/javascript"> <!-- function wash( anInput ){ if(anInput.value == anInput.defaultValue) anInput.value = ''; } function checkWash( anInput ){ if(anInput.value == '') anInput.value = anInput.defaultValue; } //--> </script></code></p> Then, create a text box on your page with code like this: <p><input type="text" id="userName" value="User name" onfocus="wash(this);" onblur="checkWash(this);"></p> Your password text box should be type="password" instead of type="text" Tim,

You could view the source of this page since I’ve built a demo above. The two functions need to be placed in a script block like this:

<script type="text/javascript">
<!--
function wash( anInput ){
if(anInput.value == anInput.defaultValue) anInput.value = '';
}
function checkWash( anInput ){
if(anInput.value == '') anInput.value = anInput.defaultValue;
}
//-->
</script>

Then, create a text box on your page with code like this:

<input type=”text” id=”userName” value=”User name” onfocus=”wash(this);” onblur=”checkWash(this);”>

Your password text box should be type=”password” instead of type=”text”

]]> By: Tim http://www.tacticaltechnique.com/web-development/clear-default-text-from-input-boxes-using-javascript/#comment-35403 Tim Mon, 20 Sep 2010 14:27:24 +0000 http://www.tacticaltechnique.com/?p=478#comment-35403 Hi, I'm trying to implement your code snippet and I'm not sure where I need to place the code. I'm building a website in wordpress and want the words "username" and "password" disappear in the input login boxes when someone clicks them. Your article sounds like it has the solution - could you tell me where to place the code? Thanks a lot in advance! Hi, I’m trying to implement your code snippet and I’m not sure where I need to place the code. I’m building a website in wordpress and want the words “username” and “password” disappear in the input login boxes when someone clicks them. Your article sounds like it has the solution – could you tell me where to place the code? Thanks a lot in advance!

]]>