当输入由javascript创建时选择iOS键盘

Question

通过 javascript 创建输入时，移动 safari 不会选择正确的键盘。 对于first input了decimalPad 键盘，但对于second input只显示了numbersAndPunctuation-keyboard 。

我怎样才能解决这个问题？

 let myInput = document.createElement('input'); myInput.id = 'second'; myInput.type = 'number'; myInput.min = '0'; myInput.step = 'any'; myInput.inputmode = 'decimal'; document.getElementById('here').appendChild(myInput);

 first input: <input id='first' type='number' min='0' step='any' inputmode='decimal'> <div id='here'>second input: </div>

Answer 1

而不是使用：

myInput.inputmode = 'decimal';

用这个：

myInput.setAttribute('inputmode','decimal');

或者

myInput.inputMode = 'decimal'; // uppercase M

说明：一般来说，如果您使用javascript ，html 节点的“DOM 属性”通常是用驼峰命名的！ 在HTML 中，您将使用“alllowercase”版本。 “不要问为什么。;-)”。 但更推荐在节点上使用setAttribute()方法，因为无论你写什么，这总是会以 DOM 元素属性结束