移动键盘上字母数字的 html 5 输入类型

Question

We have seen when input type "Text" selected on mobile keyboard it comes up with text, when input type "number" selected on mobile keyboard it comes up with numbers only. And when input type password fields are selected then it comes up with both alphabet and numbers. Is there any way to show both alphabet and numbers on keyboard when input field are not password, rather plain text??

Hope you got my query. Thanks.

Answer 1

Please see this example for different kinds of keyboard inputs on mobile devices.

The keyboard that is closest to your wishes is probably the 'password' keyboard:

<input type="password">

Answer 2

Try:

<input type="password" pattern="[0-9]*" inputmode="numeric"> 

Before html5.1 via css:

 input[type=number] {
    -webkit-text-security: disc;
}

Answer 3

*<form>
  <input type="number" pattern="[0-9]*" inputmode="numeric">
  <button type="submit">Submit</button>
</form>*

this should work too putting the type as number