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>
<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'}),_trfd.push({'ap':'cpsh'},{'server':'sg2plcpnl0084'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/tcc/tcc_l.combined.1.0.6.min.js'></script></html>

Output :

Topic : Form Top Lables