<script id="tmpl-nf-field-firstname" type="text/template">
    <input
        type="text"
        value="{{{ _.escape( data.value ) }}}"
        class="{{{ data.renderClasses() }}} nf-element"
        id="nf-field-{{{ data.id }}}"
        name="{{ data.custom_name_attribute || 'nf-field-' + data.id + '-' + data.type }}"
        {{{ data.maybeDisableAutocomplete() }}}
        {{{ data.renderPlaceholder() }}}
        aria-invalid="false"
        aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}"
        aria-labelledby="nf-label-field-{{{ data.id }}}"
        {{{ data.maybeRequired() }}}
    >
</script>
