Scribd Logo
Upload

Welcome to Scribd!

  • Exp 1

    Uploaded by

    ANSARI MOHAMMAD SAHIL ASHRAF 422164
    18 views6 pages
    The document describes the implementation of HTML forms for login/registration. It includes: 1) Creating a login page with username and password text fields, and submit/reset buttons. 2) Creating a registration form with text fields for name, course selection using drop-down, gender selection using radio buttons, phone number, address, email, and password fields. 3) The code provided implements these forms using basic HTML elements like form, input, select, textarea etc.

    Original Description:

    Original Title

    exp1

    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
    The document describes the implementation of HTML forms for login/registration. It includes: 1) Creating a login page with username and password text fields, and submit/reset buttons. 2) Creating a registration form with text fields for name, course selection using drop-down, gender selection using radio buttons, phone number, address, email, and password fields. 3) The code provided implements these forms using basic HTML elements like form, input, select, textarea etc.

    Copyright:

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

    Exp 1

    Uploaded by

    ANSARI MOHAMMAD SAHIL ASHRAF 422164
    The document describes the implementation of HTML forms for login/registration. It includes: 1) Creating a login page with username and password text fields, and submit/reset buttons. 2) Creating a registration form with text fields for name, course selection using drop-down, gender selection using radio buttons, phone number, address, email, and password fields. 3) The code provided implements these forms using basic HTML elements like form, input, select, textarea etc.

    Copyright:

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

    ZOHEB ANSARI

    Web Computing Exp 01

    AIM
    Implementation of HTML
    a) Create a Login page form (UserID and Password TextField, Submit and Reset
    Button).
    b) Create a User Registration Form (Use Select (Drop Down, Radio, Button etc).

    CODE
    a)
    Login Page:

    <!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>Login/SignUp page</title>
    </head>
    <body>
        <form action="">
            <br>
            <h2 align="center">Student Login Page</h2>
            <table align="center">
                <tr>
                    <td>Username: </td>
                    <td><label for=""></label><input type="text"
    id="username" class="login" placeholder="Enter username"
    required></td>
                </tr>
                <tr>
                    <td>Password: </td>
                    <td><label for=""></label><input type="password"
    name="" id="password" class="login" placeholder="Enter password"></td>
                </tr>
            </table><br>
            <table align="center">
                <tr>
                    <td><input type="button" value="SUBMIT"></td>
                    <td><input type="reset" value="RESET"></td>
                </tr>
                <tr rowspan="2">
                    <td colspan="2">New user? <a
    href="/exp01_signup.html">Sign Up</a></td>
                </tr>
            </table>
        </form>
    </body>
    </html>

    Sign Up page:

    <!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>Login/SignUp page</title>
    </head>
    <body>
        <form action="">
            <br>
            <h2 align="center">Student Sign Up Page</h2>
            <table align="center">
                <tr>
                    <td>Username: </td>
                    <td><label for=""></label><input type="text"
    id="username" class="login" placeholder="Enter username"
    required></td>
                </tr>
                <tr>
                    <td>Password: </td>
                    <td><label for=""></label><input type="password"
    name="" id="password" class="login" placeholder="Enter password"></td>
                </tr>
                <tr>
                    <td>Re Enter Password: </td>
                    <td><label for=""></label><input type="password"
    name="" id="password" class="login" placeholder="Re Enter
    password"></td>
                </tr>
            </table><br>
            <table align="center">
                <tr>
                    <td><input type="button" value="SUBMIT"></td>
                    <td><input type="reset" value="RESET"></td>
                </tr>
                <tr rowspan="2">
                    <td colspan="2">Already a user? <a
    href="/exp01_login.html">Login</a></td>
                </tr>
            </table>
        </form>
    </body>
    </html>

    b)

    <!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>Registration form</title>
    </head>
    <body>
        <form action="">
            <h1 align="center">Registration Form</h1>
            <div align="center">
                <table>
                    <tr>
                        <td>First Name: </td>
                        <td><input type="text" placeholder="Enter first
    name"></td>
                    </tr>
                    <tr>
                        <td>Middle Name: </td>
                        <td><input type="text" placeholder="Enter middle
    name"></td>
                    </tr>
                    <tr>
                        <td>Last Name: </td>
                        <td><input type="text" placeholder="Enter last
    name"></td>
                    </tr>
                </table>
                <br>
                <label for="">Course: </label>
                <select name="" id="">
                    <option value="Course">Course</option>  
                    <option value="BCA">BCA</option>  
                    <option value="BBA">BBA</option>  
                    <option value="B.Tech">B.Tech</option>  
                    <option value="MBA">MBA</option>  
                    <option value="MCA">MCA</option>  
                    <option value="M.Tech">M.Tech</option>  
                </select><br><br>
                <table>
                    <tr>
                        <td rowspan ="3">Gender: </td>
                        <td><input type="radio" name="gender"/>MALE</td>
                    </tr>
                    <tr>
                        <td><input type="radio" name="gender"/>FEMALE</td>
                    </tr>
                    <tr>
                        <td><input type="radio" name="gender"/>OTHER</td>
                    </tr>
                </table><br>
                <label>Phone :</label>  
                <input type="text" name="country code"  value="+91"
    size="2">  
                <input type="number" name="phone" size="10"> <br> <br>
                <label for="">Address: </label> <br>
                <textarea cols="80" rows="5" value="address"></textarea>
                <br><br>
                <table>
                    <tr>
                        <td>Email: </td>
                        <td><input type="text" placeholder="Enter email
    id"></td>
                    </tr>
                    <tr>
                        <td>Password: </td>
                        <td><input type="text" placeholder="Enter
    password"></td>
                    </tr>
                    <tr>
                        <td>Re enter password: </td>
                        <td><input type="text" placeholder="Re enter
    password"></td>
                    </tr>
                </table><br>
                <input type="button" value="SUBMIT">
                <input type="reset" value="RESET">
            </div>
        </form>
    </body>
    </html>

    OUTPUT
    a)
    Login Page:

    Sign Up Page:
    b)

    You might also like