2011-11-30 31 views
22

Bir Android'de bir HTML5 uygulaması oluşturuyorum ve bu özel senaryo için, bir kredi kartının güvenlik kodu için bir giriş alanımız var ve giriş alanını yalnızca numaralandırılmış ve maskelenmiş olarak zorlamak istiyoruz.Maskelenmiş sayısal giriş alanına sahip olmanın bir yolu var mı?

Bu özel durumu araştırmak için hiçbir şansım olmadı ve araştırmamı/denemekten anlayabileceğim her şeyden, bunun yalnızca HTML5 yoluyla yapılamamasıdır (çünkü sayı ve şifre hem tür hem de sadece bir tip kullanılabilir). Bir şeyi özlüyorum ve girdiyi HTML5 ile maskelenirken sayısal klavyeyi açmanın bir yolu var mı yoksa klavye giriş tipini zorlamak veya girişi CSS veya JavaScript üzerinden maskelemek için başka bir yol var mı?

Yardımlarınız için teşekkürler! sadece WebKit tabanlı tarayıcılarda çalışmak için gerekli olan minimum ve CSS 'tamamen HTML5 üzerinden' de izin verilirse

+0

'Salt HTML5 ile' derken, 'JavaScriptsiz' demek istiyor musunuz? – robertc

+0

Tercihen tercihen giriş alanının parametrelerini kullanmak istiyorum; ancak JavaScript kullanmaya açıkım. Düşünebildiğim tek potansiyel çözüm, varsayılan olarak alanın numarasını yazacak ve bir odak etkinliğinde JS'deki şifreyi tür olarak değiştirir. Test etmedim, bu yüzden Android'in bunu nasıl başaracağından emin değilim. – JakeW

+0

@ user1074240, pin numarası alanı gibi mi demek istiyorsun? Öyleyse, bir 'şifre 'alanı kullanın, ancak değerin sayısal olması gerektiğini doğrulayın. Aşağıda – zzzzBov

cevap

35

, sen deneyebilirsiniz:

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

emin değilim şu anda diğer tarayıcılar için herhangi bir eşdeğer olup olmadığını , gelecekte bu, appearance CSS property aracılığıyla kontrol edilebilir. appearance'un CSS3 sürümü, teknik özelliklerden düşürülmüştür, dolayısıyla çapraz tarayıcı çözümü için text-security standardizasyonunu beklemek zorunda kalacaksınız.

+0

Bunun için teşekkürler! Sadece Android üzerinde çalışmak için ihtiyacım var çünkü benim durumum için harika çalışıyor. – JakeW

+2

Ayrıca bir iPhone web görünümünde çalışır (örneğin PhoneGap uygulaması) –

+0

Neredeyse 5 yıl oldu, ama yine de daha iyi bir çözüm bulamadım Herhangi bir tarayıcıda, şu ana kadar hiçbir şey standartlaştırılmamış gibi görünüyor: –

İlgili konular