JSFiddle - React, Tailwind, and code Playground

by Tenderfeel

HTML

<p>
    <label>Number</label>
    <input type="text" pattern="[0-9]*"></p>


<p>
    <label>Alphabet</label>
    <input type="text" pattern="[a-z][A-Z]*">
</p>

<p>
    <label>ime-mode:disabled</label>
    <input type="text" class="alpha">
</p>

CSS

p {
    margin:1em;
}

label {
    display:block;
}
input.alpha {
    ime-mode:disabled;
}