CSS Form Generator with
Full Customization Options

Create free & beautiful online forms and surveys as easy as 1-2-3
using the 123ContactForm CSS Form Generator

 oder  Machen Sie eine Tour

123ContactForm is a simple online form generator that helps you create beautiful web forms with the drag & drop simplicity. Once the forms are created they can be easily customized using our ready made CSS form themes or the simple CSS editor.

When you use the 123ContactForm CSS Form Generator to create web forms for your website, you might want to emphasize some fields, by changing their look. This is easily done using CSS code to style form elements. You can customize all fields of a kind (all input boxes for example), or just a single field. Web forms created with the 123ContactForm CSS Form Generator are built in such a way that each element has a unique ID, and using it you can customize the way the item looks.

Implementing full form customization to web forms built with the 123ContactForm CSS Form Generator

Let's take this form for example (click to preview). Using less then 15 lines of CSS code, we can customize the CSS form elements exactly how we want. For the sake of this example, let's say you want to make it look like this (click to preview).

You have to create a CSS file, mystyle.css for example, customize it as described below, upload it to your site, and set its URL to be used in the Form Setup page. Or you can add the CSS code straight from the 123ContactForm interface.

Sample CSS form elements customization in less than 15 lines of code - click below to enlarge

+ If you look at the source code of the form, you will see that most of the elements have classes and IDs, as below: