<label for="maxlength">Max length <code>textarea</code></label>
<textarea id="maxlength" name="maxlength" maxlength="50" placeholder="maxlength set to 50"></textarea>

<hr>

<form action="javascript:void(0)" style="margin-bottom:1rem">
  <label for="minlength">Min length <code>textarea</code></label>
  <textarea id="minlength" name="minlength" minlength="10" placeholder="minlength set to 10"></textarea>
  <button style="font-size:inherit">Fake submit</button>
</form>
  
body {
  padding: 1em;
}

label {
  display: block;
  margin-bottom: 0.5em;
}

textarea {
  padding: 0.5em;
  margin-bottom: 1em;
}

button {
  display: block;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.