Textarea

Simple textarea

<form enctype="multipart/form-data" class="themeguide-form" accept-charset="UTF-8">
  <div class="form-group js-form-item form-item js-form-type-textarea form-type-textarea js-form-item-textarea form-item-textarea">
    <label for="edit-textarea--1">Textarea</label>
    <div class="form-textarea-wrapper">
      <textarea id="edit-textarea--1" name="textarea" rows="5" cols="60" class="form-textarea form-control resize-vertical">Textarea text goes here...</textarea>
    </div>
  </div>
  <div class="form-group js-form-item form-item js-form-type-textarea form-type-textarea js-form-item-textarea form-item-textarea form-disabled">
    <label for="edit-textarea--2">Disabled Textarea</label>
    <div class="form-textarea-wrapper">
      <textarea id="edit-textarea--2" name="textarea" rows="5" cols="60" class="form-textarea form-control resize-vertical" disabled>Textarea text goes here...</textarea>
    </div>
  </div>
</form>

 

Textarea with description

At consequat cui eu refoveo venio voco volutpat.
<form enctype="multipart/form-data" class="themeguide-form" accept-charset="UTF-8">
  <div class="form-group js-form-item form-item js-form-type-textarea form-type-textarea js-form-item-textarea form-item-textarea">
    <label for="edit-textarea-description--1">Textarea</label>
    <div class="form-textarea-wrapper">
      <textarea id="edit-textarea-description--1" name="textarea" rows="5" cols="60" class="form-textarea form-control resize-vertical">Textarea text goes here...</textarea>
    </div>
    <small id="edit-textarea--1--description" class="form-text text-muted description">At consequat cui eu refoveo venio voco volutpat.</small>
  </div>
</form>

 

Form Element: Textarea

This is a description for this field
This is a description for this field
This is a description for this field
<form class="themeguide-test-form" data-drupal-selector="themeguide-test-form" action="/fr/themeguide/forms/textarea" method="post" id="themeguide-test-form" accept-charset="UTF-8">
  <div class="form-group js-form-item form-item js-form-type-textarea form-type-textarea js-form-item-textarea form-item-textarea mb-100">
      <label for="edit-textarea" class="form-label">Textarea</label>
        <div class="form-textarea-wrapper">
  <textarea data-drupal-selector="edit-textarea" aria-describedby="edit-textarea--description" id="edit-textarea" name="textarea" rows="5" cols="60" class="form-textarea form-control resize-vertical">Default value for textarea</textarea>
</div>

                <small id="edit-textarea--description" class="form-text text-muted description mt-050 d-inline-block">
        This is a description for this field
      </small>
      </div>
<div class="form-group js-form-item form-item js-form-type-textarea form-type-textarea js-form-item-textarea-required form-item-textarea-required mb-100">
      <label for="edit-textarea-required" class="js-form-required form-required form-label">Required Textarea</label>
        <div class="form-textarea-wrapper">
  <textarea data-drupal-selector="edit-textarea-required" aria-describedby="edit-textarea-required--description" id="edit-textarea-required" name="textarea_required" rows="5" cols="60" class="form-textarea required form-control resize-vertical" required="required" aria-required="true">Default value for textarea</textarea>
</div>

                <small id="edit-textarea-required--description" class="form-text text-muted description mt-050 d-inline-block">
        This is a description for this field
      </small>
      </div>
<div class="form-group js-form-item form-item js-form-type-textarea form-type-textarea js-form-item-textarea-disabled form-item-textarea-disabled form-disabled mb-100">
      <label for="edit-textarea-disabled" class="form-label">Disabled Textarea</label>
        <div class="form-textarea-wrapper">
  <textarea data-drupal-selector="edit-textarea-disabled" aria-describedby="edit-textarea-disabled--description" disabled="disabled" id="edit-textarea-disabled" name="textarea_disabled" rows="5" cols="60" class="form-textarea form-control disabled-input resize-vertical">Default value for textarea</textarea>
</div>

                <small id="edit-textarea-disabled--description" class="form-text text-muted description mt-050 d-inline-block">
        This is a description for this field
      </small>
      </div>
<input autocomplete="off" data-drupal-selector="form-mpid4irsbhga2a262ctcagktdgfjeorbhxnti0bsx8m" type="hidden" name="form_build_id" value="form-Mpid4iRsBHGA2A262CtcAGKtDgFjEOrbhXNtI0bSX8M" />
<input data-drupal-selector="edit-themeguide-test-form" type="hidden" name="form_id" value="themeguide_test_form" />
<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Submit" class="button button--primary js-form-submit form-submit btn btn-primary" />
</div>

</form>