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

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

What is Cloud computing?

Cloud computing refers to the delivery of computing resources and services over the internet, allowing users to access and use applications, storage, and processing power without the need for local infrastructure or hardware. It involves the use of remote servers, typically hosted in data centers, to store, manage, and process data instead of relying on a local computer or server. In cloud computing, users can access a wide range of services and resources on-demand, which are usually provided by a cloud service provider (CSP). These services can include infrastructure resources (such as virtual machines, storage, and networking), platforms for developing and deploying applications, and software applications that can be accessed and used via the internet. Cloud computing offers several advantages over traditional on-premises computing models. It allows for scalability, where users can easily scale up or down their resource usage based on their needs, without having to invest in and mana
Post a Comment
Read more

C Program to Find GCD of two Numbers

There are many ways to find the greatest common divisor in C programming. Example #1: GCD Using for loop and if Statement # include <stdio.h> int main () { int n1, n2, i, gcd; printf ( "Enter two integers: " ); scanf ( "%d %d" , &n1, &n2); for (i= 1 ; i <= n1 && i <= n2; ++i) { // Checks if i is factor of both integers if (n1%i== 0 && n2%i== 0 ) gcd = i; } printf ( "G.C.D of %d and %d is %d" , n1, n2, gcd); return 0 ; } Example #2: GCD Using while loop and if...else Statement # include <stdio.h> int main () { int n1, n2; printf ( "Enter two positive integers: " ); scanf ( "%d %d" ,&n1,&n2); while (n1!=n2) { if (n1 > n2) n1 -= n2; else n2 -= n1; } printf ( "GCD = %d" ,n1); return 0 ; } Output Enter two positive integers:
Post a Comment
Read more