<div class="form-block form-block--input form-block--input-example">
<div class="form-input form-input--text">
<label for="input-example">This is an input</label>
<input id="input-example" name="input-example" type="text" placeholder="This is a placeholder">
</div>
</div>
<div class="form-block form-block--input form-block--{{ formBlockName }}{% if formBlockValidationMessage %} has-error{% endif %}">
<div class="form-input form-input--{{ formBlockInputType|default('text') }}">
<label for="{{ formBlockName }}">{{ formBlockLabel }}</label>
<input id="{{ formBlockName }}" name="{{ formBlockName }}" type="{{ formBlockInputType|default('text') }}"{% if formBlockInputAttributes %}{% for key, value in formBlockInputAttributes %} {{ key }}="{{ value }}"{% endfor %}{% endif %}>
</div>
{% if formBlockValidationMessage %}
<div class="form-block-validation-message">
<p>{{ formBlockValidationMessage }}</p>
</div>
{% endif %}
</div>
{
"formBlockInputType": "text",
"formBlockLabel": "This is an input",
"formBlockName": "input-example",
"formBlockInputAttributes": {
"placeholder": "This is a placeholder"
}
}
Purpose: Used to allow the user to input information.