HTML Inline Forms, Inline Forms Examples

<html>
	<head>
    	<title>Inline Forms</title>
    </head>
    <body>
    	
        <style>
		  .custom_form {
			font-family:arial;
			font-size: 14px;
			padding: 8px;;
			border-radius: 2px;
		  }

.label {
			padding: 0;
			font-size13px;
			font-weight: bold;
			font-style:italic;
		  }

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

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

<p>
			 <label class="label">Email</lable>
			  <input type="email" name="email_id" class="custom_form" placeholder="example@gmail.com" required>

<label class="label">Password </lable>
			  <input type="password" name="pass" class="custom_form" placeholder="Password" required>
			
			<button class="custom_button">Log In</button>
		  </p>

</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 : Inline Forms