私はモバイルWebサイトを持っていinputて、次のようなHTML 要素が含まれています。
<input type="text" name="txtAccessoryCost" size="6" />私はサイトをWebViewAndroid 2.1で使用できるように埋め込んでいるので、これもAndroidアプリケーションになります。
このHTML input要素がフォーカスされている場合、文字のデフォルトのキーボードの代わりに数字のキーボードを取得することは可能ですか？
または、HTML要素に適さない場合、アプリケーション全体（マニフェストファイル内の何か）に設定できますか？
inputmode="number"属性は2019年後半には正解のようです：developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/…。このコメントの時点での最高投票数の回答はtype="number"、を示唆しています。これには、独自の落とし穴がいくつかあります。inputmode入力自体の動作/制約ではなく、仮想キーボードの表示にのみ影響を与えるように見えます。
回答:
<input type="number" />
<input type="tel" />これらはどちらも、入力にフォーカスが移ったときにテンキーを表示します。
<input type="search" />
追加の検索ボタンがある通常のキーボードを示します
それ以外はすべて標準キーボードを表示するようです。
重要な注意点
これはコメントではなく回答として投稿しています。これはかなり重要な情報であり、この形式でより注目されるためです。
他のフェローが指摘したように、デバイスでtype="number"/ を使用して数字キーボードを表示するように強制できますがtype="tel"、これには非常に注意する必要があることを強調しておきます。
のようにゼロで始まる数値を予期している場合000222、一部のブラウザー（デスクトップChromeなど）がサーバー222に送信するため、彼女は問題を抱えている可能性が高く、これは彼女が望んでいないことです。
type="tel"私は似た何かを言うことはできませんが、別の電話にその動作を変えることができて、個人的に私は、それを使用しないでください。私は自分をpattern="[0-9]*"Androidで機能しないシンプルに制限しました
これはうまくいくはずです。しかし、私はAndroidフォンでも同じ問題を抱えています。
<input type="number" /> <input type="tel" />jquerymobile-frameworkを含めなかった場合、キーパッドは2種類のフィールドで正しく表示されることがわかりました。
しかし、本当にjquerymobileを使用する必要がある場合は、その問題を解決する解決策を見つけられませんでした。
更新： 私は、フォームタグが
<div data-role="page"> 数字キーパッドは表示されません。これはバグであるに違いありません...
inputmodeWHATWG仕様によると、デフォルトの方法です。
iOSデバイスの場合、追加するpatternことも役立ちます。
typeChromeはバージョン66以降で使用するため、下位互換性のためにも使用します。
<input
inputmode="numeric"
pattern="[0-9]*"
type="number"
/>decimalし、ここでそれを見つけdeveloper.mozilla.org/en-US/docs/Web/HTML/Global_attributes/...
一部のブラウザは、入力タイプが「数値」の場合、先行ゼロをサーバーに送信します。したがって、jqueryとhtmlを組み合わせて数値キーパッドをロードし、値が数値ではなくテキストとして送信されることを確認します。
$(document).ready(function(){
$(".numberonly").focus(function(){$(this).attr("type","number")});
$(".numberonly").blur(function(){$(this).attr("type","text")});
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="numberonly">type="digits"これらのハックをする必要がなかったのでオプションがあったらいいのにと思います。つまり、先頭がゼロの数字がそのようにまれであることとは異なります（米国の郵便番号は明白な例です）。
input type = number
数値入力を提供する場合は、HTML5 input type = "number"属性値を使用できます。
<input type="number" name="n" />iPhone 4に登場するキーボードは次のとおりです。
HTML5入力タイプ番号のiPhoneスクリーンショットAndroid 2.2では、type = numberにこのキーボードを使用しています。
HTML5入力タイプ番号のAndroidスクリーンショット
数値入力にステップ属性を追加します
<input type="number" step="0.01">出典：http : //blog.pamelafox.org/2012/05/triggering-numeric-keyboards-with-html5.html