Chrome 15では、要素をテキストフィールドとして使用すると、入力された数字が検証ルール(たとえば、最小、最大)を破らなくても先行ゼロ(例:011)が削除されます。フォーカスが失われた後にフィールドにゼロを残す属性がありますか?このアプリケーションは、国際電話プレフィックスなどの数値データです。HTML5入力タイプ=数字は先行ゼロを削除します
答えて
<input type="tel">
がこの正確な目的のために導入されました。これはHTML5の新しい入力タイプの1つです。
私は提案を感謝します!しかし、先行ゼロが重要な郵便番号とその他の情報フィールドもあります。私はマークアップをできるだけセマンティックにしたいと思いますし、特定の用途にかかわらずゼロを確実にする方法を探しています。一般的なタイプ=入力 – Evan
'number'は明らかに何もしませんあなたは必要とし、 'tel'は行います。先頭の数字を削除しない属性があるかどうか尋ねました。まあ、 'tel'が答えです。また、入力の種類はセマンティクスやユーザーインターフェイス(キーボードがスマートフォンなどに表示される)についてはあまりありません。 –
'\ d {5} - ?(\ d {4})? 'のパターンでこれを使用すると、郵便番号の場合に効果的です。 – Lefka
WHATWGが私にIRCで提供した答えは、数値ではない数値(例:float/intではない)のデータで、数値であるため、一般的にテキストは正しい入力タイプです。指定された入力タイプ(電話番号、日付など)が既に存在する場所で何かを使用している場合、expectionが行われます。
入力タイプ=数字は、数字(int)の入力にのみ使用し、数字(郵便番号など)を使用するデータには使用しないでください。あなたのためにそれを行う必要があります
彼らのアイボリータワー教授法はすべてうまくいいですが、現実の世界に戻って、非整数の非フロートデータの場合でも、数字のキーボードをモバイルユーザーに提示する必要があることがよくあります。 (例:クレジットカード番号、数値のパスコード)まだ 'inputmode'属性を実装しているブラウザは1つではないので(2015年時点で!)、これを行うための唯一の方法は' type'属性です。 WHATWGの勧告に従う可能性のある実用的な効果は、モバイルユーザのUIを壊すことであり、ドグマに従うことの満足度以外は何も得られません。 –
<input type="text" pattern="[0-9]*" ...
。 iPhoneと私がテストしたより良いAndroid携帯電話のテンキーパッドを起動します。
携帯電話のキーボードで聞くことができる電話のエキストラ( '#'や '*'など)を望まない場合は、これが本当の答えです。 –
これは、Android搭載のChrome搭載のテキストキーパッドです。 – chhantyal
これはIEで動作しますか? –
私は携帯電話のブラウザのためにそれを必要とし、私はこのような両方のソリューションのミックスを使用:iOSの、数字のキーボードで
<input type="tel" pattern="[0-9]*">
は、Android携帯電話上のに対し、利用可能な唯一の数字(なし#または*記号)で表示されます、 "tel"は正しく解釈されますが、パターンはありません(私が持っているいくつかの電話機にはまだありません)。
アンドロイドブラウザで「パターン」属性の実装が開始されると、アンドロイドでも正しく動作するはずです(the whatwg spec suggests)。
それまでは、入力に数字以外の文字がないかチェックして削除する必要があります。 javascriptの置き換え(/ [^ 0-9 *]/g、 '')は便利です。
これが役に立ちます
それはイオスとアンドロイドの両方でうまくいきます... :) – Kailas
- 1. HTML5の入力タイプ= "tel"は入力番号から先行ゼロを取り出します
- 2. 数値の入力で先行ゼロを強制します。
- 3. バッチファイルの先行ゼロを削除する
- 4. PowerShell ForEachは先行ゼロを削除します
- 5. HiveQLを使用して先行ゼロを削除します。
- 6. html5:数値入力タイプ
- 7. perl:英数字ストリングで先頭のゼロを削除する
- 8. PHP Excelエクスポート先行ゼロ削除
- 9. MFC - CEdit番号コントロールの先行ゼロを削除します
- 10. 文字列の数字部分から先行ゼロをすべて削除します。
- 11. HTML5の入力タイプ=数ポリフィルはIE10
- 12. 入力番号フィールドの先行ゼロを表示します
- 13. HTML5入力タイプの数値が長い数字を再フォーマット
- 14. Angular4 - 入力タイプHTML5ではHTML5
- 15. 数字の文字列の先頭にゼロを削除するVBA
- 16. 二重計算から先行ゼロを削除するには?
- 17. php CSVから先行ゼロを削除するには?
- 18. 入力タイプ「番号」はテキストフィールドの値を削除します
- 19. jqueryデータ属性で先行ゼロが削除されます
- 20. JavaのBig Decimalの先行ゼロを削除しない
- 21. 先行ゼロなしのテキストボックス入力を許可する
- 22. Javaに先行ゼロ(0)の数字を表示しますか?
- 23. 入力タイプ番号 - 小数点を削除できません
- 24. NSLabel:先行ゼロの出力?
- 25. PHPexcelで先行ゼロを削除するときの問題
- 26. php mysqlの先行ゼロを削除する
- 27. ggplot2 figureから先行ゼロを削除する
- 28. SQLから先行ゼロを削除する方法
- 29. C++バイナリ配列の先行ゼロを削除する
- 30. Matlabのベクトルから先行ゼロを削除する
このフォームはどのように構造化されていますか?数字は1つのテキストフィールドに入れられますか、別のテキストフィールドに入力されますか? – Edwin
フォームはかなり標準的なフォームです。テキスト、ラジオ、小切手、日付、数字を含むさまざまな入力を持つ複数のフィールド。この特定のケースでは、私は郵便番号のような私の数値フィールドに数字を使用したい – Evan