Skip to main content

HTML TABLE CODE

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>this is form</title>

    <script>
        function checkdetail() {
            var x = document.frm.n.value;
            if (x == null || x == " " || x.length > 15 || x.length < 3) {
                alert("Enter your name properly");
                return false;

            }


            var y = document.frm.e.value;
            if (y == null || y == " " || y.length > 20 || y.length < 3) {
                alert("Enter your email properly");
                return false;

            }

            var ph = document.frm.p.value;
            if (ph == null || ph == " " || ph.length > 10 || x.length < 0 || isNaN(ph)) {
                alert("Enter your phone number properly");
                return false;

            }
            var pass = document.frm.pa.value;
            if (pass == null || pass == " ") {
                alert("Enter your password properly");
                return false;

            }
            if ((document.frm.h[0].checked == false) && (document.frm.h[1].checked == false) && (document.frm.h[2].checked == false)) {
                alert("Choose your hobby");
                return false;
            }
            if ((document.frm.g[0].checked == false) && (document.frm.g[1].checked == false)) {
                alert("Choose your gender");
                return false;
            }

        }
    </script>

    <style>
        body{
            background:#ead0eea9;
        }
        th {
            padding: 10px;

        }
        input{
            /* color: burlywood; */
            background: white;
        }
        textarea{
            /* color: burlywood; */
            background: white;
        }
        select{
            /* color: burlywood; */
            background: white;
        }
        

        table {
            border-spacing: 5px;
        }
    </style>
</head>

<body>
    <h1 align="center" style="color: crimson;">WELCOME TO MY FORM</h1>
    <form action="www.google.co.in" name="frm">
        <table border="1" align="center" style="border-collapse: collapse;">
            <tr>
                <th style="text-align: left;">
                    NAME: <input type="text" name="n" id="name" maxlength="20">
                </th>
                <th style="text-align: left;">
                    EMAIL: <input type="text" name="e" id="email" maxlength="20">
                </th>


            </tr>


            <tr>
                <th style="text-align: left;">
                    PHONE NO: <input type="text" name="p" id="phno" maxlength="10">
                </th>
                <th style="text-align: left;">
                    PASSWORD: <input type="password" id="pass" name="pa">
                </th>
            </tr>

            <tr>
                <th style="text-align: left;">
                    HOBBY: <input type="checkbox" name="h" id="h1">reading
                    <input type="checkbox" name="h" id="h2">reading
                    <input type="checkbox" name="h" id="h3">reading
                </th>
                <th style="text-align: left;">
                    GENDER: <input type="radio" name="g">male
                    <input type="radio" name="g">female
                </th>
            </tr>
            <tr>
                <th style="text-align: left;">
                    ADDRESS: <textarea name="a" cols="30" rows="5" id="address">

                    </textarea>
                </th>
                <th style="text-align: left;">SELECT CITY:
                    <select name="city">
                        <option value="surat">....</option>
                        <option value="surat">surat</option>
                        <option value="surat">vadodara</option>
                        <option value="surat">rajkot</option>
                    </select>
                </th>
            </tr>
            <tr>
                <th rowspan="2">
                    <input type="submit" value="submit" onclick="return checkdetail()">
                </th>
                <th rowspan="2">
                    <input type="reset" value="reset">
                </th>
            </tr>

        </table>
    </form><br>
    <marquee behavior="" direction="" style="font-size: large;color: seagreen;">
    Thanks for visit this form</marquee>
</body>

</html>

Comments

Post a Comment

Popular posts from this blog

C Program to Calculate Difference Between Two Time Periods

  Calculate Difference Between Two Time Periods # include <stdio.h> struct TIME { int seconds; int minutes; int hours; }; void differenceBetweenTimePeriod (struct TIME t1, struct TIME t2, struct TIME *diff) ; int main () { struct TIME startTime , stopTime , diff ; printf ( "Enter the start time. \n" ); printf ( "Enter hours, minutes and seconds: " ); scanf ( "%d %d %d" , &startTime.hours, &startTime.minutes, &startTime.seconds); printf ( "Enter the stop time. \n" ); printf ( "Enter hours, minutes and seconds: " ); scanf ( "%d %d %d" , &stopTime.hours, &stopTime.minutes, &stopTime.seconds); // Difference between start and stop time differenceBetweenTimePeriod(startTime, stopTime, &diff); printf ( "\nTime Difference: %d:%d:%d - ...
Post a Comment
Read more

which is the top IIT for computer science for mtech in india

Indian Institute of Technology (IIT) Delhi is considered to be the top IIT for Computer Science for M.Tech in India. The Department of Computer Science and Engineering at IIT Delhi offers a comprehensive M.Tech program in Computer Science and Engineering, which covers both theoretical and practical aspects of the field.  IIT Delhi has a distinguished faculty, state-of-the-art infrastructure, and research opportunities, which make it an ideal place to pursue M.Tech in Computer Science. Additionally, the institute has collaborations with leading organizations and industries, which provides students with exposure to cutting-edge research and industry trends.  However, it is important to note that other IITs such as IIT Bombay, IIT Kanpur, IIT Madras, and IIT Kharagpur also offer excellent M.Tech programs in Computer Science and Engineering. The choice of the institute ultimately depends on your personal preferences, research interests, and career goals.
Post a Comment
Read more