source code.
<!DOCTYPE html>
<html>
<head>
<title>Form Design in HTML & CSS</title>
</head>
<style type="text/css">
label{
color: black;
}
input[type="text"],input[type="email"],input[type="password"]{
width: 250px;
height: 30px;
text-align: center;
color:orange;
font-size: 17px;
}
input[type="submit"]{
width: 100px;
height: 40px;
background: orange;
color: white;
border: none;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
input[type="submit"]:hover{
background: skyblue;
}
</style>
<body>
<table>
<h1>Registration Form</h1>
<tr>
<td><label>Username:</label></td>
<td><input type="text" placeholder="Enter Username"></td>
</tr>
<tr>
<td><label>Email:</label></td>
<td><input type="email" placeholder="Enter Email"></td>
</tr>
<tr>
<td><label>Password:</label></td>
<td><input type="password" placeholder="Enter Password"></td>
</tr>
<tr>
<td><input type="submit" value="Register"></td>
</tr>
</table>
</body>
</html>
No comments:
Post a Comment