Over a million developers have joined DZone.

CSS Contact Form

·
Pure CSS styled contact form

  




CSS /* Form layout */ .formContactLayout {background:#FFF; padding: 10px; margin:0 auto; } .formContactLayout .field { display: block; width: 360px; float: left; margin-bottom: 10px; } .formContactLayout textarea { height:220px; } .formContactLayout label { display: block; width: 250px; float: left; margin-bottom: 10px; text-align: right; padding-right: 20px; color:#336699; font-weight:bold; } br { clear: left; } .button { margin-left:340px; text-align:right; } #validator {display:none;} /* End for layout */
Topics:

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}