I've been learning web design for a while. I've been doing some regular classes and learning from there very well. In view of this, I have created an input form.
The code I did to create the import form.
<!DOCTYPE html>
<html>
<head>
<title>This is a form</title>
<link rel="stylesheet" href="form.css"/>
<link rel="icon" href="img/myicon.png">
</head>
<body>
<form>
<fieldset>
<legend>Input Form</legend>
First name:<br>
<input type="text" name="First name" placeholder="First name"><br><br>
Last name:<br>
<input type="text" name="Last name" placeholder="Last name"><br><br>
Email:<br>
<input type="email" name="Email" placeholder="Email"><br><br>
Password:<br>
<input type="password" name="Password" placeholder="Password"><br><br>
Gender:<br>
<input type="radio" name="gender" checked>Male
<input type="radio" name="gender">Female<br><br>
Birth date:<br>
<input type="date" min="1990-01-01" max="2010-12-31"><br><br>
Age:<br>
<input type="number" value="18" min="10" max="50"><br><br>
Favourite color:<br>
<input type="color"><br><br>
Upload a picture:<br>
<input type="file"><br><br>
Address:<br>
<textarea>Type your full address</textarea><br><br>
Country:
<select name="country">
<option>USA</option>
<option selected>Bangladesh</option>
<option>Canada</option>
<option>India</option>
<option>Pakistan</option>
</select><br><br>
<input type="submit">
<input type="reset">
</form>
</body>
</html>
And the styles that are given in the input form are given.
body{
width:960px;
margin:0 auto;
}
form{
width:400px;
margin:0 auto;
}
input{
font-weight:bold;
border:1px solid green;
border-radius:5%;
}
textarea{
color:blue;
font-style:italic;
}
input[type=submit]{
width:100px;
height:40px;
color:red;
padding:5px;
}
input[type=reset]{
width:100px;
height:40px;
color:red;
padding:5px;
}
****What is my job, tell through the comments.****
Thanks for reading.
@king007