<{include file="components/label.html" for="question_name" text="Name"|t required="true" xclass="{'label--is-floating': question_name && question_name.length > 0 }" description="" }> <{include file="components/input.html" name="question_name" type="text" placeholder="Name"|t inputmode="text" autocomplete="name" required="true" xclass="{'input--has-value': question_name && question_name.length > 0 }" xmodel="question_name" xvalue="question_name" xref="question_name" pattern="" }>

<{include file="components/label.html" for="question_mail" text="Email"|t required="true" xclass="{'label--is-floating': question_mail && question_mail.length > 0 }" description="" }> <{include file="components/input.html" name="sender" type="text" placeholder="Email"|t inputmode="text" autocomplete="name" required="true" xclass="{'input--has-value': question_mail && question_mail.length > 0 }" xmodel="question_mail" xvalue="question_mail" xref="question_mail" pattern="" }>

<{include file="components/label.html" for="question_message" text="Message"|t required="true" xclass="{'label--is-floating': question_message && question_message.length > 0 }" description="" }> <{include file="components/textarea.html" name="question_message" type="text" placeholder="Message"|t inputmode="text" autocomplete="name" required="true" xclass="{'input--has-value': question_message && question_message.length > 0 }" xmodel="question_message" xvalue="question_message" xref="question_message" pattern="" }>