# iphoneでフォームブリッジの数値項目に、小数を便利にに入力したい

**URL:** <https://community.cybozu.dev/t/topic/3388>\
**Category:** kintone 開発相談\
**Created:** [2018 年 9 月 21 日午前 7:38 UTC](https://community.cybozu.dev/t/topic/3388 "2018-09-21T07:38:13Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1491](https://avatars.discourse-cdn.com/v4/letter/l/ed8c4c/32.png) [@Legacy\_Account1491](https://community.cybozu.dev/u/Legacy_Account1491)\
**Post date:** [2018 年 9 月 21 日午前 7:38 UTC](https://community.cybozu.dev/t/topic/3388/1 "2018-09-21T07:38:13Z")

</div>

フォームブリッジのカスタマイズで自己解決できない問題があり、ご教授頂きたく、アドバイス頂けますと幸いです。

一言でいうと「iPhoneでフォームブリッジの数値項目に小数を便利に入力したい」です。

標準の数字項目の場合、iPhoneで項目にフォーカスがあたると下図のキーボードが表示されて、そもそも小数入力ができません。

次に、JSで、pattern 属性を変更することで、標準のキーボードを出すことはできる様になり、一応小数点も入力できるのですが、数字しか入力しない項目で、毎回ユーザーさんに数字入力モードにしてもらうのは、運用上難しい。

pattem属性変更部分ソース

```
$('div[data-vv-name="number"] input').attr('pattern','"^([1-9]\d*|0)(\.\d+)?$"');

```

標準キーボードは出るが、毎回数字モードに変更しないといけないので、大変使いにくい。

現状がこの状態でして、

１）フォーカスがあたったら、数字キーボードが出る。

２）小数の入力ができる。

この２つを同時に成り立たせる良い方法がありましたら、是非ご教授頂きたく、よろしくお願い致します。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1491](https://avatars.discourse-cdn.com/v4/letter/l/ed8c4c/32.png) [@Legacy\_Account1491](https://community.cybozu.dev/u/Legacy_Account1491)\
**Post date:** [2018 年 9 月 26 日午後 11:51 UTC](https://community.cybozu.dev/t/topic/3388/2 "2018-09-26T23:51:15Z")

</div>

当件、（rex0220さんに助けてもらって）自己解決しました。

下記の具合で、希望の動作になりました。

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

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2510](https://avatars.discourse-cdn.com/v4/letter/l/74df32/32.png) [@Legacy\_Account2510](https://community.cybozu.dev/u/Legacy_Account2510)\
**Post date:** [2020 年 12 月 10 日午前 8:00 UTC](https://community.cybozu.dev/t/topic/3388/3 "2020-12-10T08:00:27Z")

</div>

あまりjavascriptに詳しくないため、的外れの質問でしたらすみません。  
数値フィールドが複数あるフォームになるのですが、その場合もこちらの記述で対応可能なのでしょうか？

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2025 年 1 月 16 日午前 2:02 UTC](https://community.cybozu.dev/t/topic/3388/4 "2025-01-16T02:02:02Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。