0

こんにちは、iPad 経由でアクセスできる HTML5 Web サイトがあります (キオスク アプリケーションに似ています)。Web サイトでユーザーに PIN 番号の入力を求めるプロンプトが表示されます。私が望むのは、ユーザーがPINテキストボックスに焦点を合わせたときにiPadにテンキーキーボードを表示させることです。これは非常に年配の方が使用するもので、デフォルトでは iPad キーボードでテンキーに切り替えるには「123」ボタンをクリックする必要があります。そんなことは、年配の人にはわからないでしょう。

次のようなものを使用できますか

<input type="number" />
4

2 に答える 2

2

でテキストフィールドのタイプを設定するnumberと、標準の1〜9のダイヤルパッドスタイルのキーボードが表示されます。

例：

<input type="number" />

ソース： http ：//developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/InputTypes.html

于 2012-07-09T05:17:14.110 に答える
1

HTML5 の新しいテキスト ボックス タイプ (数値) を使用できます。ブラウザが必要ない場合は、デフォルトで通常のテキストボックスになります。これを使用するには、入力タイプを数値に設定します。例えば：

<input type="number" />

別の解決策は、Javascript を使用することです。jQuery UI の番号ピッカー、jStepperなどのプラグインを使用するか、以下のコードを追加して通常のテキスト ボックスを制限することができます。

$(document).ready(function() {
    $(".text_field").keydown(function(event) {
        if ( event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 || 
         // Allow: Ctrl+A
        (event.keyCode == 65 && event.ctrlKey === true) || 
         // Allow: home, end, left, right
        (event.keyCode >= 35 && event.keyCode <= 39)) {
             // let it happen, don't do anything
             return;
    }
    else {
        // Ensure that it is a number and stop the keypress
        if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105 )) {
            event.preventDefault(); 
        }   
    }
});

});

ソース: jQuery を使用して HTML 入力ボックスで数値 (0-9) のみを許可する方法は?

于 2012-07-09T05:28:51.783 に答える