Scribd Logo
Upload

Welcome to Scribd!

  • Practical No7

    Uploaded by

    Pranali Prashant Amate
    8 views2 pages
    This document contains 4 programs demonstrating different form events in HTML: 1. Program 1 shows onclick events that trigger alert popups for different button clicks. 2. Program 2 shows an ondblclick event that triggers an alert when a button is double clicked. 3. Program 3 shows an onmousemove event that triggers an alert whenever the mouse moves over a text area. 4. Program 4 shows onmouseover and onmouseout events that change a button's text when the mouse passes over or away from the button.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains 4 programs demonstrating different form events in HTML: 1. Program 1 shows onclick events that trigger alert popups for different button clicks. 2. Program 2 shows an ondblclick event that triggers an alert when a button is double clicked. 3. Program 3 shows an onmousemove event that triggers an alert whenever the mouse moves over a text area. 4. Program 4 shows onmouseover and onmouseout events that change a button's text when the mouse passes over or away from the button.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    8 views2 pages

    Practical No7

    Uploaded by

    Pranali Prashant Amate
    This document contains 4 programs demonstrating different form events in HTML: 1. Program 1 shows onclick events that trigger alert popups for different button clicks. 2. Program 2 shows an ondblclick event that triggers an alert when a button is double clicked. 3. Program 3 shows an onmousemove event that triggers an alert whenever the mouse moves over a text area. 4. Program 4 shows onmouseover and onmouseout events that change a button's text when the mouse passes over or away from the button.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    Practical No7: Create a web

    page to implement Form


    Events Part I

    Program No: 1
    onclick:

    <html> Program No:2


    <head> Onbdbclick:
    <title>onClick Demo</title>
    </head> <html>
    <script> <head>
    function i1() <title>ondblClick Demo</title>
    { </head>
    alert("WELCOME TO INDIA"); <script >
    } function message()
    function i2() {
    { alert("double clicked...");
    alert("WELCOME TO USA"); }
    } </script>
    function i3() </head>
    { <form>
    alert("WELCOME TO CHINA"); <input type="button" name="b1"
    } value="India" ondblclick="message()">
    </script> </form>
    </head> </html>
    <form>
    <input type="button" name="b1" Output:
    value="India" onclick="i1()">
    <input type="button" name="b2"
    value="USA" onclick="i2()">
    <input type="button" name="b3"
    value="China" onclick="i3()">
    </form>
    </html>

    Output:

    Program No: 3
    Onmousemove:
    <html> <input type="button" name="b1"
    <head>
    value="Click" onmouseover="over()"
    <title>Mouse event Demo</title>
    </head> onmouseout="out()">
    <script> </form>
    function move() </html>
    {
    alert("Mouse moves");
    Output:
    }
    </script>
    </head>
    <form name="frm1">
    <textarea name="ta1" rows="10"
    cols="10" onmousemove="move()">
    write here...
    </textarea>
    </form>
    </html>

    Output:

    Program No:4
    onmouseover & onmouseout:

    <html>
    <head>
    <title>Mouse event Demo</title>
    </head>
    <script>
    function over()
    {
    document.frm1.b1.value="Mouse Over";
    }
    function out()
    {
    document.frm1.b1.value="Mouse Out";
    }
    </script>
    </head>
    <form name="frm1">

    You might also like