Snippets

Mathias Elle Change the value on inputfield by click

Created by Mathias Elle
<input id="search" type="text" name="MyName" value="Search term" />

<script>
    //  Add and remove search default value on click
    var nameElement = search; // inputfield-id: #search

    function nameFocus( e ) {
        var element = e.target || window.event.srcElement;
        if (element.value == "Search term") element.value = "";
    }

    function nameBlur( e ) {
        var element = e.target || window.event.srcElement;
        if (element.value == "") element.value = "Search term";
    }

    if ( nameElement.addEventListener ) {
        nameElement.addEventListener("focus", nameFocus, false);
        nameElement.addEventListener("blur", nameBlur, false);
    } else if ( nameElement.attachEvent ) {
        nameElement.attachEvent("onfocus", nameFocus);
        nameElement.attachEvent("onblur", nameBlur);
    }
</script>

Comments (1)

HTTPS SSH

You can clone a snippet to your computer for local editing. Learn more.