A simple interface designed using html and css
The code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
form{
font-size: 30px;
border: 2px solid blue;
background: #708ad9;
width: 500px;
margin-top: 130px;
height: 550px;
}
input{
font-size: 30px;
margin: 23px;
align-items: start;
}
button{
width: 100px;
height: 40px;
margin-top: 30px;
background: rgb(102, 175, 234);
border: 2px solid #fff;
color: #fff;
border-radius: 10px 10px 10px 10px;
cursor: pointer;
}
textarea{
height: 150px;
width: 369px;
}
</style>
</head>
<body>
<center>
<form action="" method="post">
<input type="text" required placeholder="Enter Your Name">
<br>
<input type="password" required placeholder="Enter Your password">
<br>
<input type="file" required placeholder="Choose a file" style="margin-left: 62px;
position: relative;">
<br>
<textarea name="" id="" cols="30" rows="10"></textarea>
<br>
<button type="submit">Save</button>
</form>
</center>
</body>
</html>
The Output

Leave a comment