More Related Content
Similar to HELLO WORLD 2.pptx
Similar to HELLO WORLD 2.pptx (20)
HELLO WORLD 2.pptx
- 2. • LOGIN PAGE CODE
• <html>
• <head>
• <meta name="viewport" content="width=device-width, initial-scale=1">
• <title> Login Page </title>
• <style>
• Body {
• font-family: Calibri, Helvetica, sans-serif;
• background-color: rgb(238, 238, 238);
• }
• button {
• background-color: #18048b;
• width: 100%;
• color: rgb(209, 142, 175);
• padding: 15px;
• margin: 10px 0px;
• border: none;
• cursor: pointer;
• }
- 3. f orm {
border: 3px solid #f1f1f1;
}
input[type=text], input[type=password] {
width: 100%;
margin: 8px 0;
padding: 12px 20px;
display: inline-block;
border: 2px solid rgb(219, 160, 221);
box-sizing: border-box;
}
button:hover {
opacity: 0.7;
}
.cancelbtn {
width: auto;
padding: 10px 18px;
margin: 10px 5px;
}
- 4. .container {
padding: 25px;
background-color: rgb(230, 173, 206);
}
</style>
</head>
<body>
<center> <h1> Student Login Form </h1>
</center>
<form>
<div class="container">
<label>Username : </label>
<input type="text" placeholder="Enter
Username" name="username" required>
<label>Password : </label>
<input type="password"
placeholder="Enter Password"
name="password" required>
<input type="checkbox"
checked="checked"> Remember me
- 6. • REGISTRATION PAGE CODE:
• <Html>
• <head>
• <title>
• Registration Page
• </title>
• </head>
• <body bgcolor="pink">
• <br>
• <br>
• <form>
•
• <label> Firstname </label>
• <input type="text" name="firstname" size="15"/> <br> <br>
• <label> Middlename: </label>
• <input type="text" name="middlename" size="15"/> <br> <br>
• <label> Lastname: </label>
• <input type="text" name="lastname" size="15"/> <br> <br>
•
• <label>
- 7. • Categories :
• </label>
• <select>
• <option value="Categories">Categories</option>
• <option value="School Level">School Level</option>
• <option value="College Level">College Level</option>
•
• </select>
•
• <br>
• <br>
• <label>
• Gender :
• </label><br>
• <input type="radio" name="male"/> Male <br>
• <input type="radio" name="female"/> Female <br>
• <input type="radio" name="other"/> Other
• <br>
• <br>
- 8. • <label>
• Phone :
• </label>
• <input type="text" name="country code" value="+91"
size="2"/>
• <input type="text" name="phone" size="10"/> <br> <br>
• Address
• <br>
• <textarea cols="80" rows="5" value="address">
• </textarea>
• <br> <br>
• Email:
• <input type="email" id="email" name="email"/> <br>
• <br> <br>
• Password:
• <input type="Password" id="pass" name="pass"> <br>
• <br> <br>
- 9. • Re-type password:
• <input type="Password" id="repass"
name="repass"> <br> <br>
• <a class="btn btn-primary"
href="screen.html" role="button">Submit</a>
</div></form>
• <a class="btn btn-primary"
href="login.html" role="button">previous</a>
</div></form>
• </form>
• </body>
• </html>