HTML Input type button, Input type button Examples

<html>
	<head>
    	<title>Form Input Button</title>
    </head>
    <body>
    
		<style type="text/css">
			.custom_form { font-family:arial; font-size: 14px; padding: 6px; width:250px; border-radius: 2px; margin:2px auto 10px; clear:both;  }
			
			.custom_button { border-radius:2px; background: #0099da; color:#FFF; border: none; font-weight: bold; margin:10px 40px 0px 0px; padding:9px 20px; }

.custom_button:hover { background:#074e68; cursor: pointer;  }
		</style>
		
		<p><input type="text" name="f_name" class="custom_form" placeholder="First Name" required><br /></p>
		<p><input type="text" name="l_name" class="custom_form" placeholder="Last Name" required></p>
		
		<input type="button" name="btn" class="custom_button" value="Click Here" />
		
        
    </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 Input Button