Scribd Logo
Upload

Welcome to Scribd!

  • 24 views

    Adl Exp1,2

    Uploaded by

    nihalsayyad147

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Adl Exp1,2

    Uploaded by

    nihalsayyad147
    24 views5 pages

    Original Title

    adl exp1,2

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    24 views5 pages

    Adl Exp1,2

    Uploaded by

    nihalsayyad147

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    You are on page 1of 5

    Experiments: 01

    Title:- Create html pages for website like login, registration and about us pages.

    <!DOCTYPE html>

    <html>

    <head>

    <meta name="viewport" content="width=device-width, ini al-scale=1">

    < tle> Login Page </ tle>

    <style>

    </style>

    </head>

    <body>

    <center>

    <center> <h1> Welcome to Login Form </h1><br><br> </center>

    <form>

    <div class="container">

    <label>Username : </label>

    <input type="text" placeholder="Enter Username" name="username" required> <br><br><br>

    <label>Password : </label>

    <input type="password" placeholder="Enter Password" name="password" required> <br><br><br>

    <bu on type="submit">Login</bu on> <br><br><br>

    <input type="checkbox" checked="checked"> Remember me

    <bu on type="bu on" class="cancelbtn"> Cancel</bu on>

    Forgot <a href="#"> password? </a>

    </div>

    </form>

    </center>

    </body>

    </html>
    Experiments: 02
    Title:- Apply and design the created HTML pages using CSS.
    <!DOCTYPE html>

    <html>

    <head>

    <meta name="viewport" content="width=device-width, ini al-scale=1">

    <style>

    body{

    font-family: Calibri, Helve ca, sans-serif;

    background-color: pink;

    .container {

    padding-top: 10px;

    padding-right: 50px;

    padding-bo om: 50px;

    padding-le : 50px;

    background-color: lightblue;

    input[type=text], input[type=password], textarea {

    width: 100%;

    padding: 15px;

    margin: 5px 0 22px 0;

    display: inline-block;

    border: none;

    background: #f1f1f1;

    input[type=text]:focus, input[type=password]:focus {

    background-color: orange;

    outline: none;

    div {

    padding: 10px 0;

    }
    hr {

    border: 1px solid #f1f1f1;

    margin-bo om: 25px;

    .registerbtn {

    background-color: #4CAF50;

    color: white;

    padding: 16px 20px;

    margin: 8px 0;

    border: none;

    cursor: pointer;

    width: 100%;

    opacity: 0.9;

    .registerbtn:hover {

    opacity: 1;

    </style>

    </head>

    <body>

    <form>

    <div class="container">

    <center> <h1> Student Registera on Form</h1> </center> <hr>

    <label> Firstname </label>

    <input type="text" name="firstname" placeholder= "Firstname" size="15" required />

    <label> Middlename: </label>

    <input type="text" name="lastname" placeholder="Lastname" size="15"required />

    <div> <label> Course : </label>

    <select> <op on value="Course">Course</op on>

    <op on value="BCA">BCA</op on>

    <op on value="BBA">BBA</op on>


    <op on value="B.Tech">B.Tech</op on>

    <op on value="MBA">MBA</op on>

    <op on value="MCA">MCA</op on>

    <op on value="M.Tech">M.Tech</op on> </select> </div>

    <div> <label> Gender : </label> <br>

    <input type="radio" value="Male" name="gender" checked > Male

    <input type="radio" value="Female" name="gender"> Female

    <input type="radio" value="Other" name="gender"> Other </div>

    <label> Phone : </label>

    <label for="email"><b>Email</b></label>

    <input type="text" placeholder="Enter Email" name="email" required>

    <label for="psw"><b>Password</b></label>

    <input type="password" placeholder="Enter Password" name="psw" required>

    <bu on type="submit" class="registerbtn">Register</bu on>

    </form>

    </body>

    </html>

    You might also like

    pFad - Phonifier reborn

    Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

    Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


    Alternative Proxies:

    Alternative Proxy

    pFad Proxy

    pFad v3 Proxy

    pFad v4 Proxy