2011-11-30 9 views
22

私はAndroid上でHTML5アプリケーションを作成していますし、この特定のシナリオのために、私たちはクレジットカードのセキュリティコードのためにある入力フィールドを持っていると我々は唯一numbericとマスクする入力フィールドを強制したいです。マスクされた数値入力フィールドを使用する方法はありますか?

私はこの特定のケースを探していて、私が研究/自分自身で試してみることができるすべてから、これは純粋にHTML5で行うことができないということです。(数字とパスワードはタイプと1つのタイプしか使用できません)。何かが欠けていて、入力がHTML5でマスクされている間に数字キーボードをポップアップする方法や、キーボード入力タイプを強制する別の方法や、CSSやJavaScriptを使って入力をマスキングする方法がありますか?

ありがとうございました!唯一のWebKitベースのブラウザで動作するために必要だ、とCSSが「純粋にHTML5による」に許可されている場合

+0

あなたが本当にのJavaScriptせずに "意味ですか「純粋なHTML5」を通して言うの? – robertc

+0

好ましくは、入力フィールドのパラメータのみを使用したいと思います。しかし、私はJavaScriptを使用することにオープンしています。私が考えることができる唯一の潜在的な解決策は、デフォルトではフィールドをタイプ番号にし、フォーカスイベントではタイプをJSのパスワードに変更します。私はそれをテストしていないので、私はアンドロイドがそれをどう扱うか分からない。 – JakeW

+0

@ user1074240ピン番号フィールドのような意味ですか?その場合は、 'password'フィールドを使用しますが、値は数値であることを確認してください。下の – zzzzBov

答えて

35

、あなたが試みることができる:

input[type=number] { 
    -webkit-text-security: disc; 
} 

私はわからないんだけど、現在、他のブラウザのための任意の等価があるかどう は、将来的にこれは appearance CSS property によって制御可能です。 appearanceのCSS3版は仕様から削除されているので、あなたはクロスブラウザのソリューションのためのtext-securityの標準化を待つ必要がありますように見えます。

+0

おかげでできたん回避策はありません我々は唯一のそれは、Android上で動作する必要があるため、私のような状況のための素晴らしい仕事。 – JakeW

+2

はもちろんのiPhoneのWebViewの(例えばPhoneGapのアプリ)で動作します。 –

+0

、ほぼ5年後、今それをされていますが、私はまだ仕事と任意のより良い解決策を見つけることができません。?!どのブラウザでも、何も、これまで標準化されていないようですので –

関連する問題