Mobile

HTML

Tel: <input type="number" oninput="this.type='text';console.log(this.value);this.type='number';" /><br/>
Num: <input type="number" pattern="[0-9]*" /><br/>
Txt: <input type="text" pattern="[0-9]*" /><br/>
Chr: <input type="number" pattern="[0-9]*" class="chr" />

CSS

input { position:absolute; left: 50px }
input.chr::-webkit-outer-spin-button,
input.chr::-webkit-inner-spin-button {
    display: none;
}