HTML Form with CSS Styles

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>


Related Topic Checkbox.onblur() Event Handler
Javascript Spell Checker Embedded Code, Text Area Object
HTML XHTML Basic Structure and Elements
What are all the Versions of HTML and XHTML
What is Document Type or DOCTYPE Declaration and its versions

nScraps.com 2011   Privacy Policy  Terms of Service  Feedback