Over a million developers have joined DZone.

CSS Contact Form

DZone's Guide to

CSS Contact Form

Free Resource
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 */

Opinions expressed by DZone contributors are their own.


Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

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


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

{{ parent.tldr }}

{{ parent.urlSource.name }}