<div form="input" error>
  <input required="number" min="1" placeholder="0000">
  <error>
    Input only Number
  </error>
</div>

<div form="input" error>
  <input required="mail" placeholder="name@example.com">
  <error>
    Please enter a valid email
  </error>
</div>


<div form="input" error>
  <input required="username" placeholder="username">
  <error>
    Please enter a valid username
    less than 3 characters
    more than 16 characters
  </error>
</div>


<div form="input" error toggle>
  <input type="password" required="password" placeholder="password">
  <error>
    At least one lowercase letter
    At least one uppercase letter
    At least one digit
    At least one special character [!@#$%^&*]
    Minimum length of 8 characters
  </error>
</div>