How to Create HTML Form with CSS Style
The below code is the example for how to create HTML form with CSS style effects. The style of user input in the HTML form will be customized to desired format. This is one of the basic example to style your HTML form elements
HTML Form Input Style Customization
//CSS Style
<style type="text/css">
<!--
label,input {
display: block;
width: 125px;
float: left;
margin-bottom: 15px;
}
label {
text-align: right;
width: 80px;
padding-right: 15px;
}
br {
clear: left;
}-->
</style>
//HTML Form
<form>
<label for="name">Name</label>
<input id="name" name="name">
<br>
<label for="email-address">E-mail Address</label>
<input id="email-address" name="email-address">
<br>
<label for="password">Password</label>
<input id="password" name="password">
<br>
</form>
