<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> </html>
Output :
Topic :
Form Input Button
