HTML Form Top lables, Form Top lables Examples

<html>
	<head>
    	<title>Form Top Lables</title>
    </head>
    <body>
    	
        <style type="text/css">
		  .custom_form {
			font-family:arial;
			font-size: 14px;
			padding: 6px;;
			border-radius: 2px;
			margin:2px auto 10px;
			clear:both;
		  }

.label {
			padding: 0;
			font-size13px;
			font-weight: bold;
			font-style:italic;
			margin:10px auto 0px;
			
		  }

.custom_button {
			padding: 9px;
			border-radius:2px;
			background: #0099da;
			color:#FFF;
			border: none;
			font-weight: bold;
			margin:10px auto;
		  }

.custom_button:hover {
			background:#074e68;
			cursor: pointer;
		  }
		</style>

<form class="myForm" method="get" action="">
				<label class="label">Name </label><br />
				<input type="text" name="customer_name" class="custom_form" placeholder="Your NAme" required><br />
				
				<label class="label">Phone </label><br />
				<input type="tel" name="mobile" class="custom_form" placeholder="9966XXXX46"><br />

<label class="label">Email </label><br />
				<input type="email" name="email" class="custom_form" placeholder="example@mail.com"><br />

<button class="custom_button">SUBMIT</button>

</form>
        
    </body>
</html>

Output :

Topic : Form Top Lables