Basic Textarea

<!--
  Same three parts as a text input, one extra decision: rows. It is the initial
  height, and it is a promise about how much you expect someone to write -
  rows="4" invites a paragraph, rows="2" invites a sentence. Set it to the
  answer you actually want.
-->
<div class="ta-field">
  <label class="ta-field__label" for="ta-field-bio">Short bio</label>
  <textarea
    class="ta-field__input"
    id="ta-field-bio"
    name="bio"
    rows="4"
    placeholder="Tell us what you work on."
    aria-describedby="ta-field-bio-help"
  ></textarea>
  <p class="ta-field__help" id="ta-field-bio-help">Shown on your public profile.</p>
</div>