Free CSS Form Generator
Create free & beautiful HTML forms with full CSS customization features within our CSS form generator.
123 Form Builder is a user-friendly HTML form generator with a built-in CSS editor that helps you create beautiful web forms.
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 our 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 with an advanced order form creator 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. The web forms are built in such a way that each element has a unique ID, and using it you can customize the way the item looks.
Using our CSS form generator
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.
Ready to use form templates
Design your form or questionnaire from blank with CSS or select one of our form templates.
T-shirt Order Form
Family Reunion Registration Form
Summer Camp Registration Form
