Ashley Cameron Design

Ashley Cameron Design

Shop the Creative Design Market

Good evening

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

jQuerySnippets

About a 1 minute read

"It is the supreme art of the teacher to awaken joy in creative expression and knowledge."

Albert Einstein


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>