<form class="usa-form">
  <label class="usa-label" for="{{ id }}">{{ label }}</label>
  <div class="usa-hint" id="{{ id }}Hint">{{ hint }}</div>
  <input 
      id="{{ id }}" 
      type="{{ type }}" 
      inputmode="{{ inputmode }}" 
      name="{{ id }}" 
      placeholder="{{ placeholder }}" 
      pattern="{{ pattern }}" 
      class="usa-input usa-masked" 
      aria-describedby="{{ id }}Hint"
      {% if datacharset %}data-charset="{{ datacharset }}"{% endif %}
      {% if disabled_state == 'disabled' %} disabled {%- endif %}
      {% if disabled_state == 'aria-disabled' %} aria-disabled="true" {%- endif %}
  >
</form>
