JSFiddle - React, Tailwind, and code Playground

by Alexander Lashchevsky

HTML

<div>
 <textarea inputmode="none" placeholder="none" rows="1"></textarea>
</div>
<div>
 <textarea inputmode="decimal" placeholder="number" rows="1"></textarea>
</div>
<div>
  <textarea inputmode="tel" placeholder="tel" rows="1"></textarea>
</div>
<div>
  <textarea inputmode="url" placeholder="url" rows="1"></textarea>
</div>
<div>
  <textarea inputmode="email" placeholder="email" rows="1"></textarea>
 </div>

CSS

textarea {
  width: 100%;
  resize: none;
}