CSS Form generator with customization options

Create free & beautiful HTML forms with full CSS customization features.

contact form with custom css customization options

123 Form Builder 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 form editor.

happy employees seating on bean bags

Style your forms with CSS

When you use the 123 Form Builder 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 the HTML elements of your online form. Create custom branded forms such as order forms for selling your work and event registration forms that mimic the event’s vibe.

You can customize all fields of a kind (all input boxes for example), or just a single field. HTML forms created with 123 Form Builder 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 CSS form customization to your web forms

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 Custom CSS page. Or you can add the CSS code straight from the 123 Form Builder – custom CSS editor interface.

Sample CSS customization

The sample CSS form elements that were used to customize this form can be found here. If, after reading this tutorial, you don’t know how to customize your form elements with CSS, please contact us.

Sample CSS form elements customization in less than 15 lines of code

Previous Next

Ready to use form templates

Design your form or survey from blank with CSS or select one of our HTML form templates.

T-shirt Order Form

Use this template

T-shirt Order Form

Use this T-shirt order form to sell T-shirts online. Manage your orders easily in the form’s database and receive notifications by email each time a new order is submitted.

Use this template

Family Reunion Registration Form

Use this template

Family Reunion Registration Form

123 Form Builder is a form builder that families may use to create reunion registration forms, without having to worry about using programming

Use this template

Summer Camp Registration Form

Use this template

Summer Camp Registration Form

Forget about creating your campers list on paper, use this online summer camp registration form instead.

Use this template