A contact form is one of the essential features of a website. It helps the users to interact with the website admin. Normally, all the websites will have a contact page with a link in the main navigation menu. Some websites also use a modal popup window to display the contact form rather than placing it in a separate page. A normal contact form will have two custom fields to collect user’s personal information like name and email and another field for message or feedback.
Also contact forms with additional fields and options like file uploader, check boxes and dropdowns are used by many website. Developers also take extra care to add anti spam features like form validation and captcha plugins to their contact form.
Here I’m sharing 37 free html and css contact forms which are easy to customize and implement. Most of the contact forms here have advanced features like php support, ajax form validation and file attachment option while other are simple web form templates. Hope these free html contact forms will help you to add a stylish contact form to your website.
Slick Html Contact Form With Php
This is a stylish html and php contact form. The free download pack includes xHTML, Js, PHP and CSS files. Slick Contact form is a professional form that you can easily implement into your website to allow your visitors to contact you. One simple modification from you in order to get it working, and that is changing the default e-mail to your e-mail in order to receive the submissions.
DownloadDemo
A jQuery Popup Modal Contact Form
This is a simple jquery popup modal contact form with php. I’ll be using jQuery along with the fancybox plugin to manage dynamic content. The open source code libraries make scripting so much easier. And we can implement a small Ajax call which submits the form data via PHP on the server end.
DownloadDemo
Sexy Html Contact Form With File Upload
You know how you see all these great looking sleek UIs on websites giving away free PSDs. But how many people do actually sit down and create a form in CSS that actually looks like that? So I decided, why not instead of giving away a free PSD we give away the CSS form itself. All the CSS and graphics you will need to build your own forms. This free html and css contact form contains advanced features like file upload, checkbox, dropdown etc…
DownloadDemo
Modal Box Contact Form Free Download
This is an elegant html contact form in a modal box with a custom dropdown and round submit button. You can download this html contact form template for free and use in as many projects you want without any limitations.
DownloadDemo
Stylish Contact Form with CSS3 HTML5
This is a stylish html5 css3 contact form template with validation. We will show you the code step by step to create a full HTML5 CSS3 contact form like the one above, without using any images. First, a little disclaimer. HTML5 and CSS3 are still working drafts; the goal of this tutorial is to show what we can do with those technologies. This form has some compatibility issues with old browsers, so if you want to use it in production, do so at your own risks.
DownloadDemo
PHP Contact Form Template
This is a free php html contact form with captacha and file attachment option. The download pack includes contact form script with spam protection inclusive the (optional) email attachment function.
DownloadDemo
Contact Form in HTML5 and CSS3
A simple contact form in HTML5 and CSS3 that you can download for free. This free contact form template comes with attractive design and advanced features.
DownloadDemo
Html Contact Form Template
A stylish html contact form using HTML,JS and Dynamic CSS classes for labels based on input field’s value.
DownloadDemo
Php/Mysql Contact Form With Jquery
Here’s an implementation of a contact form with PHP and jQuery. Usually, one would only want the message posted by the user to be sent to an email address. This script does that and also saves all these messages in the database for the admin to keep track of them.
DownloadDemo
Simple Responsive Contact Form
A simple responsive html contact form with check box and dropdown. You can customize this free html contact form to be perfect with any website. This form breaks at 600px and goes from a left-label form to a top-label form. At above 1200px, the labels align right.
DownloadDemo
Free Html Contact Form Download
Simple contact form based on a dribbble. This html contact form is clean and simple.
DownloadDemo
Unique css3 contact form
This is an effect of a letter sliding out from an envelope on mouse hover.
DownloadDemo
Basic Comment Form For The In Focus Brand
This is an HTML5 contact form template code including three fields with validation.
DownloadDemo
LightForm – Free Ajax/PHP Contact Form
LightForm is a free Ajax/PHP contact form. It combines FormCheck2 for fields validation andNiceForms to style text fields and textareas.
DownloadDemo
Html Css Contact Form
This application allow you to add a very simple html based contact form on your project.
DownloadDemo
Html Contact Form using JavaScript
This is stylish html contact form which is loaded with some cool effects using javascript. This free contact form with javascript is easy to customize and implement in your web project.
DownloadDemo
jQuery AJAX Validation Contact Form with Modal + Slide-in Transition
This is an html contact form with some powerful features and transitions. This contact form serves you with a stylish jquery ajax form validation and a cool modal + slide-in transition.
DownloadDemo
JQuery Fancy AJAX Contact Form
Providing a simple and reliable means of feedback from site visitors is a crucial part of any web presence. The most simple and common feedback channel are contact forms.
DownloadDemo
Simple Flat Contact Form
A simple flat contact form in html and css. This free html contact form will be perfect for all flat websites.
DownloadDemo
A Clean and Stylish CSS3 Contact Form
Building stylish contact forms typically requires the use of images (and maybe some JavaScript) to create something that looks professional. However, with CSS3 it’s now much easier to create some nice effects that don’t require the use of any images, yet can still look clean and stylish.
DownloadDemo
HTML5 Contact Form With Validation
This is a simple contact form with html5 & css3. This html5 contact form template also provides an additional feature of simple form validation.
DownloadDemo
Simple PHP Contact Form
A Simple Contact Form developed in PHP with HTML5 Form validation. This free contact form also has a fallback in jQuery for browsers that do not support HTML5 form validation.
DownloadDemo
Contact Form With Filter Validation And Captcha Code
This is a stylish css html contact form template using jQuery captcha and custom filter validation for other fields.
DownloadDemo
A PHP, Bootstrap 3 Contact Form Free
Here is a simple way to create a professional looking contact form using PHP, HTML and Twitter Bootstrap 3. By downloading the files in this tutorial and with some minor modifications you can quickly implement the contact form on your blog.
DownloadDemo
Simple Slide-in jQuery Contact Form
Contact forms are an indispensable part of every website. They are mostly implemented on a separate page and they rarely display creativity, even though there are many ways to improve their visual style. In this tutorial you will see how to create a dynamic, slide-in contact form using jQuery.
DownloadDemo
Custom contact form with jQuery
we are going to build a awesome contact form. Also we are going to display errors using well-known jQuery plugin to validate form fields. We need to create necessery files: index.html, init.js and default.css.
DownloadDemo
A Nice & Simple Contact Form
This is nice and simple contact form using html and css. This html contact form is clean and light in weight.
DownloadDemo
Clean Contact Form
This is claen and responsive contact form in css and html. You can easily implement this contact form in your website with customs fields.
DownloadDemo
Html Contact Form With Validation
This is a simple html contact form with validation. After entering the required fields the button then becomes enabled, otherwise preventing the user from submitting a blank or not properly filled out form.
DownloadDemo
Unique Contact Form
Here we are going to pick up where that left off and actually build this thing with HTML/CSS, as well as add some validation with jQuery, and make it tick with PHP. Here is what we are building:
DownloadDemo
Flat Html Contact Form
A flat and stylish html contact form for your next project.
DownloadDemo
Flat Responsive Form using CSS3 & HTML5
This is a stylish flat responsive contact form using CSS3 & HTML5 with image background.
DownloadDemo
Html Contact Form Code
This another simple html contact form code for developers.
DownloadDemo
CSSG Collections Web Forms
An awesome CSSG webform with attractive background and borders. This professional contact form is perfect for all type of websites.
DownloadDemo
Transparent Contact Form
This is a transparent htm contact form. The color of the contact form changes if you change the image background.
DownloadDemo
HTML5 Contact Form
This contact form is very simple, light weight and no javascripts included.
DownloadDemo
Responsive Contact Form
A colorful and responsive html contact form for web developers.
DownloadDemo