CSS Form generator with customization options
Create free & beautiful HTML forms with full CSS customization features.
Create a form123FormBuilder 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.
Style your forms with CSS
When you use the 123FormBuilder 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 123FormBuilder 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 123FormBuilder - 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.
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 templateFamily Reunion Registration Form
Use this templateSummer Camp Registration Form
Use this templateSign up and use the CSS form generator to create and customize your form.
Sign-up takes less than 60 seconds.