Posted By

alozuldo on 09/10/10

Tagged

form
css

Versions (?)

Last Edited at 09/10/10 04:39am

Statistics

Viewed 1028 times

Favorited by 1 user(s)

Related snippets

Simple XHTML Form with CSS

/ Published in: XHTML

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

-----------CSS-----------------
 
label {
  width: 4em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
}
 
.submit input {
  margin-left: 4.5em;
}
#form input:hover, #form textarea:hover{
	background-color: lightyellow;
}
input:focus, textarea:focus{
background-color: lightyellow;
}
 
-----------Form----------------
 
<form action="#">
<p><label for="name">Name</label> <input type="text" id="name" /></p>
<p><label for="e-mail">E-mail</label> <input type="text" id="e-mail" /></p>
<p class="submit"><input type="submit" value="Submit" /></p>
</form>