Say "Hello!"

  • This field is for validation purposes and should be left unchanged.

Show and hide form field text values for onblur and onfocus behaviors | works with Contact Form 7 plugin

Web Hosting at Bluehost Affiliate Disclosure

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript">
$(document).ready(function() {  
    $('input[type="text"]').focus(function() {      
        if (this.value == this.defaultValue){
            this.value = '';
        }
        if(this.value != this.defaultValue){
            this.select();
        }
    });
    $('input[type="text"]').blur(function() {      
        if (this.value == ''){
            this.value = this.defaultValue;
        }
    });
});
</script>

Back to Snippets Follow me on GitHub

Ashley Cameron logo
Blog