Kumar Lakshmanan
Home
Features
More
Home
Forms
Make a Responsive Sign In Form
Make a Responsive Sign In Form
Kumar Lakshmanan
11:06 AM
Forms
Document
Sign in form Source code in HTML
People also search as...
1 . Make Calculator In HTML
2 . 7 ways to Hack Facebook
3 . Facebook Hacking- Phishing Method
The Output is
The Input Is
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sign In Form</title> </head> <style> body{padding: 0;margin: 0;background-size: cover;background: rgb(95,95,95);} h1{color:white;font-family: fantasy;font-weight:bolder;} form{background:black;border:3px solid blue;width:70%;padding:50px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);text-align: center;text-transform: uppercase;} input[type=password],input[type=text]{font-size:1.3rem;transition: all ease-in-out .5s;margin:3px auto;border: 2px solid green;color:white;text-align: center;width: 67%;height: 30px;background: none;border-radius: 10px;padding: 8px 5px;} input[type=submit]:hover{transform: scale(.7);border-color: green;} input[type=text]:hover,input[type=password]:hover{transform: scale(1.2);border-color: red;} input[type=submit]{font-size:1.3rem;transition: all ease-in-out .5s;margin:3px auto;border: 2px solid red;color:white;text-align: center;width: 50%;height: 50px;background: none;border-radius: 10px;padding: 8px 5px;} </style> <body> <div class="nation"> <br><br> <form method="POST"> <h1>SIGN IN</h1><br> <input type="text" id="name" name="name" placeholder="Enter Id Name" required maxlength="30"><br><br> <input type="password" name="age" id="age" required placeholder="Password" maxlength="20"><br><br> <input type="text" name="dob" placeholder="dd/mm/yyyy" id="dob" required maxlength="10"><br><br> <input type="text" name="mno" id="mno" placeholder="Enter Your Phone No" required><br><br><br> <input type="submit" value="Login"> </form> <br><br> </div> </body> </html>
Download the HTML source code
Forms
HTML CSS JS
Post a Comment
0 Comments
Labels
Buttons
(6)
Calculator
(3)
Clock
(2)
Entertainment
(2)
Forms
(6)
HTML CSS JS
(26)
Javascript points
(9)
Love
(2)
Menu HamBurger
(2)
Pre Loaders
(4)
Tamil News
(2)
Join Our Whatsapp Group
Join
Search This Blog
Popular Posts
Disco Lights Animation using CSS
Best PDF books for web designing and developing
St.Mary's HSS | My School
Make the Loader Using HTML & CSS
Total Pageviews
Contact Form
Name
Email
*
Message
*
0 Comments