<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<style>
input[type=text] , input[type=email], input[type=number] , textarea , select {
width: 100%;
padding: 12px;
border: 1px solid #cccccc;
border-radius: 2px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
}
/* Style the submit button */
input[type=submit] {
background-color: #04AA6D;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
/* Adding hover */
input[type=submit]:hover {
background-color: #45a049;
}
/* Add a background color and some padding around form*/
.container {
border-radius: 5px;
background-color: #345678;
padding: 18px;
}
</style>
</head>
<body>
<div class="container">
<h3>Contact Form</h3>
<form action="#" name="contact_form">
<label for="first_name">First Name</label>
<input name="first_name" type="text" required placeholder="Enter First name"/>
<br>
<label for="last_name">Last Name</label>
<input name="last_name" type="text" required placeholder="Enter Last name"/>
<br>
<label for="email">Email</label>
<input name="email" type="email" required placeholder="Enter email.com"/>
<br>
<label for="country">Country</label>
<select id="country" name="country">
<option value="australia">India</option>
<option value="canada">Canada</option>
<option value="usa">USA</option>
</select>
<label for="subject">Subject</label>
<textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"></textarea>
<div >
<input type="submit" value="Submit">
</div>
</form>
</div>
</body>
</html>