<label class="txt">
    <span class="txt-l">First name</span>
    <textarea placeholder="First name" class="txt-f" rows="10">Carol Danvers</textarea>
  </label>
<label class="txt">
    <span class="txt-l">Email</span>
    <textarea placeholder="Your email address" class="txt-f" rows="10"></textarea>
  </label>
{{#each textboxes as |textbox|}}
  <label class="txt">
    <span class="txt-l">{{label}}</span>
    <textarea placeholder="{{placeholder}}" class="txt-f" rows="10">{{value}}</textarea>
  </label>
{{/each}}
{
  "inputType": true,
  "textareaType": null,
  "textboxes": [
    {
      "label": "First name",
      "placeholder": "First name",
      "value": "Carol Danvers",
      "id": "text"
    },
    {
      "label": "Email",
      "placeholder": "Your email address",
      "value": null,
      "id": "text"
    }
  ]
}

Crispus supports creating form elements with explicit and implicit labels. The preferred use is to utilize explicit labelling if possible. According to the W3, explicit labelling is better supported by assistive technologies.