<form>
  <label for="username">
    Username
    <p>
      (letters and numbers only, no punctuation or special characters)
    </p>
  </label>

  <br>

  <input name="username" id="username" placeholder="Type and press enter" pattern="[A-Za-z0-9]+">
</form>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.