input only text with limit

by jpeter06

HTML

<div>
PATATA
</div>
<input type="number"
                   name="username"
                   maxlength="12">
                   <br>
                   
                   <input type="text"
                   name="username" pattern="[a-c]{2,4}"
                   maxlength="4">
                   
 <pre>
 PATATA
   PATATA
     PATATA
 </pre>
 <pre>
 PATATA
 ..PATATA
 ....PATATA
 </pre>

CSS

div::before{
  content:'-> '
}

div::after(2){
  content:'*'
}

div::after{
  content:':'
}

pre {-moz-tab-size: 16;} /* Firefox */
pre {tab-size: 16;}