<!DOCTYPE html>
<html>
<head>
<title>Form in html5</title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<style>
body {
text-align:center; }
*{outline:none;}
#dform{
background-color:rgb(10,88,99); }
#box{
width:device-width;
height:50px;
background-color:rgb(24,78,90);}
p{
color:rgb(255,205,25);
font-size:300%;
font-style:italic;
background-color : rgb(24,78,90);}
#submit{ border-radius : 5px;}
</style>
</head>
<body bgcolor=black text=white>
<h1>Fill The Form</h1>
<hr width=70% height=2px color=red>
<div id=dform>
<br>
<form name=myform>
Name:<input name=formname type=text value="" required placeholder="enter your name">
<br><br>
E-mail:<input type=email name=email placeholder="xyz123@gmail.com">
<br><br>
Date of Inception:<input type=date name=bday>
<br><br>
Office time:<input type=time name="usr_time">
<br><br>
Number of years completed(between 1 and 100):<input type=number min=1 max=100>
<br><br>
Office phone number:<input type=tel name=phone pattern="[0-9]{2}[0-9]{10}" required>
<br><br>
Add your homepage:<input type=url name=homepage>
<br><br>
<input type=button value="Click here to Submit" id=submit onClick=c()>
</form><br>
</div>
<div id=box >
<p>Thank you</p>
</div>
</body>
</html>
Output :
