Fields

Choose a field type below to learn how it works and explore its settings, styling options, and Twig examples. Fields are configured separately for each form, but you can save common configurations as favorites to reuse across forms.

Basic fields

TextSingle-line answersTextareaLonger written answersEmailEmail addressesNumberNumeric valuesPhoneProTelephone numbersDate & TimeProDates and timesWebsiteProWebsite URLsRegexProCustom pattern validation

Choice fields

DropdownOne choice from a listCheckboxA single on/off choiceCheckboxesMultiple checked choicesRadiosOne visible choiceMultiple SelectSeveral choices from a listOpinion ScaleProSurvey scales and opinionsRange SliderProNumeric values on a sliderRatingProStar ratingsCardsProVisual choice cards

File uploads

File UploadSingle or multiple file uploadsFile Drag & DropProDrag-and-drop file uploads

Advanced fields

GroupProRelated fields in a groupTableProRepeating rows of dataConfirmProRetype and match another fieldPasswordProPassword inputCalculationProCalculations using field valuesSignatureProDrawn signaturesSummaryProReview answers before submitting

Content blocks

HTML BlockCustom HTML and TwigRich Text BlockProFormatted text in your formImageProImages in your form

Hidden fields

HiddenHidden input valuesInvisibleProValues kept out of rendered HTML

Payments & AI

Stripe PaymentsProPayments through StripeAIProAI-generated responses

Working with Fields

• Standard Settings — labels, handles, validation, autofill, and attributes.
• Favorite Fields — save and reuse field configurations.
• Populating Field Options — predefined lists and Craft Element sources.
• Field Encryption — encrypt stored submission values.
• Custom Field Types — create your own field types.

Rendering Fields

Use Freeform's render helpers to retain the markup and attributes required by each field's enabled features. See Field Object, Formatting Templates, and the individual field's Templating section.

For React and Vue implementations, start with Headless Forms.