iphoneでinputフォームで少数を入力したい

Question

iphoneでサファリを使いinputに数値を入力したいのですが、小数点が入力できません。

<input type="number" pattern="\d*" inputmode="numeric" step="0.01">

実は少し前まではこれて行けていたと思うのですが、
だめになってしまいました。

そこで検索してみますと、

https://developer.cybozu.io/hc/ja/community/posts/360023801732-iphone%E3%81%A7%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%83%96%E3%83%AA%E3%83%83%E3%82%B8%E3%81%AE%E6%95%B0%E5%80%A4%E9%A0%85%E7%9B%AE%E3%81%AB-%E5%B0%8F%E6%95%B0%E3%82%92%E4%BE%BF%E5%88%A9%E3%81%AB%E3%81%AB%E5%85%A5%E5%8A%9B%E3%81%97%E3%81%9F%E3%81%84

が見つかり、まさにビンゴだと思われます。
ところが、そもそものJSでiphoneのキーボードを制御する方法がわかりません・・・。

var ele1 = document.querySelector('div[data-vv-name="number"] input');
ele1.setAttribute('pattern','"^([1-9]\d*|0)(.\d+)?$"');
ele1.type = 'number';

これをどうしたら良いのでしょうか・・・

Answer 1

実は少し前まではこれて行けていたと思うのですが、

だめになってしまいました。

pattern引数が適当ではないのではないでしょうか。\dに小数点は含まれません。

Comments

[mlin]

かなり古い情報ですが
https://blog.5000164.jp/2012/10/15/input-type/
こんなのがありました。
numberでこうなると書いてありますが、実際には一番下のようになるようになっています。
小数点の数値を入力したいニーズはあると思うのですが、みなさんどうされているのでしょう。。。

[kyoya0819]

小数点を打つ必要があるならその通りに正規表現を書きます。
/^\d*(.\d+)?$/
（要件に合わせて書き直してください。