Home/ Questions/Q 6781565
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T16:38:21+00:00

I have a simple text field on my page, with the initial text value

  • 0

I have a simple text field on my page, with the initial text value of ‘Enter your Email‘. When the page loads, I automatically set the focus to this box, using the following:

<body onLoad="document.emvForm.EMAIL_FIELD.focus()">

I would like to make it so that when the user starts to type into the box, it clears the text, as opposed to clearing the text on-focus.

How can I go about this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try the following:

    <input type="text" id="textField" />

<script type="text/javascript">
    $(document).ready(function(){
        // Set Text to be Default //
        var txtVal = 'Enter Your Email Address';
        $('#textField').val(txtVal).focus();

        // On Focus //
        $('#textField').focus(function(){
            if ($(this).val() == txtVal) $(this).val('');
        });

        // on Blur //
        $('#textField').blur(function(){
            if ($(this).val() == '') $(this).val(txtVal);
        });
    });
</script>

    Here’s the fiddle: http://jsfiddle.net/wpZ8n/

    I hope this helps!

    • 0