2016-11-18 29 views
2

私はメートル法と帝国単位の両方のシステムを取ることができるテキストボックスを持っています。問題は、私がそれを可能にするために、テキストボックスの入力タイプを数値からテキストに変更する必要があることです。入力テキストのhtml5入力ボックスのスピナー?

前の箱だった -

<input id="thickness" type="number" value="10" min="2" max="100" step="1" /> 

現在のボックスがある -

<input id="thickness" type="text" value="10" min="2" max="100" step="1" /> 

HTML5は、テキストタイプにスピナーをサポートしていません。 JSの外部サポートを追加せずに、テキスト形式のネイティブHTML5スピナーをサポートするための他の回避策はありますか?

+2

なぜそれがテキストである必要があるのか​​説明できますか? imperialとmetricの両方が数字です...純粋なhtml5を使用したい場合はno、それは型番号である必要があります。 – Icewine

+0

帝国システムは一重引用符と二重引用符で表現する必要があるためです。表示されている入力番号をそのままにすることはできません。 – srishti

答えて

1

いいえ、HTML5は作業に必要なコンポーネントが多くても、フロントエンドなので、ユーザーが見る必要のないものを変更する必要がある場合は、JS(またはJquery) )、入力のDOMをJqueryに置き換えることができます。

+0

jquery-uiのspinner()メソッドを使用しようとしています。あなたの入力をありがとう – srishti

+0

spinner()メソッドのスコープビューに注意してください。 "私は挑戦しています"と読むと、問題があることを示唆しています。 – Fedeco

+0

私はカスタムのスピナーを作成し、スピナーに文字列(たとえば、10 cm)を使用しなければなりませんでした。私がやったことは、私が直面している唯一の問題はスピンイベントがスピナーが初めて使われたときに発火しないということです。他のイベントが発生した後、それは想定されているとおりに動作します。フォーカスアウトはうまくいきますが、スピンイベントは機能しません。 – srishti

関連する問題