Scribd Logo
Upload

Welcome to Scribd!

  • Practical No-8

    Uploaded by

    Yuva Neta Ashish Pandey
    18 views3 pages
    This document discusses key events in web forms such as onkeydown, onkeypress, and onkeyup. It provides an example HTML code with a text input field that displays "Key Down!" when a key is pressed down and "Key Up!" when a key is released by calling JavaScript functions onkeydown and onkeyup.

    Original Description:

    Original Title

    Practical no-8

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document discusses key events in web forms such as onkeydown, onkeypress, and onkeyup. It provides an example HTML code with a text input field that displays "Key Down!" when a key is pressed down and "Key Up!" when a key is released by calling JavaScript functions onkeydown and onkeyup.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    18 views3 pages

    Practical No-8

    Uploaded by

    Yuva Neta Ashish Pandey
    This document discusses key events in web forms such as onkeydown, onkeypress, and onkeyup. It provides an example HTML code with a text input field that displays "Key Down!" when a key is pressed down and "Key Up!" when a key is released by calling JavaScript functions onkeydown and onkeyup.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 3

    Practical N0 8: Create a web page to implement Form Events Part-II

    Key Events:
    onkeydown, onkeypress, onkeyup

    <html>
    <head>
    <title>Mouse event Demo</title>
    </head>
    <script>
    function down()
    {
    document.frm1.b1.value="Key Down!";
    }
    function up()
    {
    document.frm1.b1.value="Key Up!";
    }
    </script>
    </head>
    <form name="frm1">
    <input type="text" name="t1" value="" onkeydown="down()" onkeyup="up()">
    <br>
    <input type="button" name="b1" value="Press Key">
    </form>
    </html>

    Output:
    Form Events:
    onblur:

    <html>
    <head>
    <title>onblur Demo</title>
    </head>
    <script>
    function validate()
    {
    alert("Please Enter Data")
    }
    </script>
    </head>
    <form>
    Name=<input type="text" name="t1" value="" onblur="validate()">
    <br>
    Age=<input type="text" name="t2" value="">
    </form>
    </html>

    Output :
    onfocus:

    <html>
    <head>
    <title>onblur Demo</title>
    </head>
    <script>
    function validate()
    {
    alert("Please Enter Data")
    }
    </script>
    </head>
    <form>
    Name=<input type="text" name="t1" value="" onblur="validate()">
    <br>
    Age=<input type="text" name="t2" value="">
    </form>
    </html>

    Output:

    You might also like