Form Tags Reference

Overview

Formcertify uses HTML data attributes to capture important consent information like who is the consenter and the disclosure they are consenting to.

HTML Data Tags

Form elements must use the data-fc-type attribute with one of the following values:

string

Input field for collecting the user’s full name

<input type="text" data-fc-type="name" />

string

Input field for collecting the user’s phone number

<input type="tel" data-fc-type="phone" />

string

Input field for collecting the user’s email address

<input type="email" data-fc-type="email" />

Container element displaying the consent disclosure langauge shown to the user

<div data-fc-type="consent-disclosure">
  By submitting this form, I agree to receive communications from...
</div>

Checkbox input associated with the consent disclosure for explicit opt-in

<input 
  type="checkbox" 
  data-fc-type="consent-opt-in"
  required
/>

string

Element containing the name of the entity receiving consent

<span data-fc-type="company-name">
  ABC Mortgage
</span>

string

The form’s submit button

<button type="submit" data-fc-type="submit">Submit</button>

string

Can be added to the form element itself for explicit form identification

<form data-fc-type="form">
  <!-- Form fields here -->
</form>

Complete Example

Here’s a complete example showing all required tags in context:

<form data-fc-type="form">
  <div class="form-group">
    <label for="name">Full Name</label>
    <input 
      type="text" 
      id="name"
      data-fc-type="name" 
      required 
    />
  </div>

  <div class="form-group">
    <label for="phone">Phone Number</label>
    <input 
      type="tel" 
      id="phone"
      data-fc-type="phone" 
      required 
    />
  </div>

  <div class="form-group">
    <label for="email">Email</label>
    <input 
      type="email" 
      id="email"
      data-fc-type="email" 
      required 
    />
  </div>

  <div class="consent-box">
    <div data-fc-type="company-name">
      Acme Corporation
    </div>
    
    <div data-fc-type="consent-disclosure">
      By submitting this form, I agree to receive marketing communications from 
      <span data-fc-type="company-name">ABC Mortgage</span>. I understand that I can unsubscribe at any time. Message 
      and data rates may apply.
    </div>

    <input 
      type="checkbox"
      data-fc-type="consent-opt-in"
      required
    />
  </div>

  <button type="submit" data-fc-type="submit">
    Submit Form
  </button>
</form>

Get Started

Implement

Guides

Overview

HTML Data Tags

Complete Example

​Overview

​HTML Data Tags

​Complete Example

Overview

HTML Data Tags

Complete Example