OneCompiler

student loginform

110

#student loginform

#here html file

<!DOCTYPE html> <html> <head> <title>login</title> <link rel="stylesheet"href="styles.css"/> </head> <body> 
<h1><center><b>student login</h1>

<div>
<label for="text" class id="student-input">student:</label>
<input type="text" class id="student-label"placeholder="enter details...."/><br>

<label for="text" class id="rollno-input">rollno:</label>
<input type="text" class id="rollno-label"placeholder="enter rollno.."/><br>

</div> <button type="submit" class id="submit-button">submit</button> <div-button> <p><b>Before enter the details:</p> <p1>.must and should follow the instructions</p1><br> <p2>.clear mention your details</p2><br> <p3>.if you forgot your rollno contact your domain admin</p3> </div-button> </body> </html>

#here css file

body{
padding: 10px 20px;
background-color: skyblue;
}
#student-input {
text-align: center;
font-style: italic;
padding: 10px 20px;

}
#student-label{
border-radius: 60px;
border-color: grey;
padding: 10px 20px;
}
#rollno-label{
border-radius: 60px;
border-color: grey;
padding: 10px 20px;

}

#rollno-input{
padding: 10px 20px;
}

#submit-button {
background-color: red;
margin-left: 90px;
margin-bottom: 180px;
padding: 10px 20px;
border-radius:60px;
border-color: skyblue;
}

#div-button{
color: green;
}