# Sample Contact Form · JotForm

Advanced Form Designer Customize your forms with AI-powered advanced styling options that adapt to your brand.

Back

[![Image 1: JotForm Logo](https://cdn.jotfor.ms/assets/img/logo2021/jotform-logo.svg)](https://www.jotform.com/myforms "My Forms")

Advanced Form Designer

*   Advanced Form Designer
[Go Back to My Forms](https://www.jotform.com/myforms)

Sample Contact Form

Preview[Back to Builder](https://www.jotform.com/myforms)

Add Logo

*   # Contact Us

Please fill out this form and we will get in touch with you shortly.   
*    Your Name  First Name Last Name   
*    Your E-mail Address  example@example.com  
*    Your Message   
*   Submit  
*   Should be Empty: 

![Image 2: jftr](https://events.jotform.com/form/369/?ref=&res=800x600&eventID=1777391920117_369_4c32RYP&loc=https%253A%252F%252Fwww.jotform.com%252Fthemes%252F%2523form%252F369)

### Advanced Form Designer

*   [DESIGN](https://www.jotform.com/form-designer/try/?jfNext=1#sb-props)
*   [CSS](https://www.jotform.com/form-designer/try/?jfNext=1#sb-inspect)
*   [Theme](https://www.jotform.com/form-designer/try/?jfNext=1#sb-details)

## CSS Helper

Select a field to get css help.

#### Click a form element from left

[Go back to properties](https://www.jotform.com/form-designer/try/?jfNext=1)[Back](https://www.jotform.com/form-designer/try/?jfNext=1)
*   Header Styles  Font Family Inter

   Inter (Default)  Arial  Arial Black  Courier New  Helvetica  Lucida Grande  Tahoma  Times New Roman  Trebuchet MS  Verdana  Comic Sans MS    **Header Size**  Large  **Header Text Color**     **Text Alignment**   - [x] Hide Bottom Border   Header Background [![Image 3: Form Logo](https://www.jotform.com/form-designer/try/?jfNext=1)](https://www.jotform.com/form-designer/try/?jfNext=1) [Remove Image](https://www.jotform.com/form-designer/try/?jfNext=1)   UPLOAD MY IMAGES ENTER URL  Upload File or drag and drop here                Add Link           - [x] Repeat  - [x] Fixed  - [x] Cover    **Vertical Margin**  PX   **Horizontal Margin**  PX   **Vertical Padding**  PX   **Horizontal Padding**  PX      
*   Button  Choose Button Style Font Family Inter

   Inter (Default)  Arial  Arial Black  Courier New  Helvetica  Lucida Grande  Tahoma  Times New Roman  Trebuchet MS  Verdana  Comic Sans MS    **Background**     **Text Color**     **Border Color**     **Size**  Normal  **Width**  PX   **Height**  PX   **Font Size**  PX   **Font Weight**  Normal  **Border Width**  PX   **Border Style**  Solid  **Corner Radius**   **Alignment**   - [x] Hide Top Border     
*   Page Break  Choose Button Style Font Family Inter

   Inter (Default)  Arial  Arial Black  Courier New  Helvetica  Lucida Grande  Tahoma  Times New Roman  Trebuchet MS  Verdana  Comic Sans MS    **Background**     **Text Color**     **Border Color**     **Size**  Normal  **Width**  PX   **Height**  PX   **Font Size**  PX   **Font Weight**  Normal  **Border Width**  PX   **Border Style**  Solid  **Corner Radius**      
*   Radio Button and Check Box Styles  **Radio Button Template** ![Image 4: Radio Button Style Preview](https://cdn.jotfor.ms/assets/img/radioButtons/ctrl-default.png) **Color**     **Vertical Padding**  PX   **Horizontal Padding**  PX      
*   Text Input   
*   Dropdown Styles  ![Image 5: Dropdown Style](https://cdn.jotfor.ms/assets/img/dropdowns/dd-0.png)**Background Color**     **Font Color**     **Height**  PX   **Border Width**  PX   **Border Style**  Solid  **Border Color**     **Rounded Corners**      
*   Form Collapse Styles  **Background**     **Text Color**     **Vertical Padding**  PX   **Horizontal Padding**  PX   **Vertical Margin**  PX   **Horizontal Margin**  PX      

*   Image Styles   
*   ERROR STYLES   
*   Highlight Styles   
*   Color  

Color Scheme 
    *   A 
    *   A 
    *   A 
    *   A 
    *   A 
    *   A 
    *   A 
    *   A 
    *   A 

**Page Background** 

**Form Background** 

**Text Color** 

**Input Background** 

- [x] Simulate error state 

- [x] Simulate highlight 

*   Background Image   
*   Form Layout   
*   Form Logo   
*   Font Options   
*   Label Styles   
*   Line Layout   

×
#### Export CSS

Close