Scribd Logo
Upload

Welcome to Scribd!

  • 18 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
    18 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
    18 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
    of 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