Bir mobil web sitem var ve içinde aşağıdaki gibi bazı HTML inputöğeleri var:
<input type="text" name="txtAccessoryCost" size="6" />
Siteyi WebViewolası bir Android 2.1 tüketimi için bir Android uygulaması olacak şekilde yerleştirdim.
Bu HTML inputöğesi odaklandığında klavyeyi varsayılan harf yerine sayılarla elde etmek mümkün müdür ?
Veya, bir HTML öğesi için uygun değilse , tüm uygulama için (belki Manifest dosyasında bir şey) ayarlamak mümkün müdür ?
inputmode="number"Nitelik sonlarında 2019 yılında doğru cevap gibi görünüyor: developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/... . Bu yorumun yapıldığı sırada en yüksek oyu alan yanıt type="number", kendi tuzaklarından bazılarıyla birlikte gelen; inputmodeGirdinin kendisinin davranışı / kısıtlamaları yerine yalnızca sanal klavye görüntüsünü etkiliyor gibi görünüyor.
Yanıtlar:
<input type="number" />
<input type="tel" />
Bunların her ikisi de giriş odak kazandığında sayısal tuş takımını sunar.
<input type="search" />
ekstra arama düğmesi olan normal bir klavye gösterir
Diğer her şey standart klavyeyi getiriyor gibi görünüyor.
type="tel"kötüdür için klavyenin daha yazarak numaraları için type="number".
<input type="text" pattern="\d*" /> ayrıca sayısal klavyeyi açar, ancak yalnızca iOS'ta, Android'de değil .
ÖNEMLİ NOT
Bunu yorum olarak değil cevap olarak gönderiyorum çünkü oldukça önemli bir bilgi ve bu formatta daha fazla dikkat çekecek.
Diğer arkadaşların da belirttiği gibi, bir cihazı size type="number"/ ile sayısal bir klavye göstermeye zorlayabilirsiniz type="tel", ancak bu konuda son derece dikkatli olmanız gerektiğini vurgulamalıyım .
Birisi sıfırlarla başlayan bir sayı beklerse, 000222bazı tarayıcılar (örneğin masaüstü Chrome) sunucuya göndereceği için sorun yaşama olasılığı yüksektir 222, ki bu onun istediği şey değildir.
Hakkında type="tel"Benzer bir şey söyleyemem ama kişisel olarak kullanmıyorum, çünkü farklı telefonlardaki davranışları değişebilir. Kendimi pattern="[0-9]*"Android'de çalışmayan basitlikle sınırladım
type="tel". Spesifikasyon notları , değerinin geçerli bir kayan noktalı sayı olmasını gerektiren telbelirli bir sözdiziminin aksine number, herhangi bir sözdizimi gerektirmez .
Bu çalışmalı. Ama bir Android telefonda aynı sorunlarım var.
<input type="number" /> <input type="tel" />
Jquerymobile çerçevesini dahil etmediysem, tuş takımının iki tür alanda doğru şekilde gösterdiğini öğrendim.
Ama gerçekten jquerymobile kullanmanız gerekiyorsa, bu sorunu çözmek için bir çözüm bulamadım.
GÜNCELLEME: Eğer form etiketinin
<div data-role="page">
Sayı tuş takımı gösterilmiyor. Bu bir hata olmalı ...
inputmodeWHATWG spesifikasyonuna göre varsayılan yöntemdir.
İOS cihazları için eklemek patternde yardımcı olabilir.
Geriye dönük uyumluluk için type, Chrome bunları sürüm 66'dan itibaren kullandığından , kullanın.
<input
inputmode="numeric"
pattern="[0-9]*"
type="number"
/>
decimalve burada buldum developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/…
Bazı tarayıcılar, giriş türü "sayı" olduğunda sunucuya sıfır gönderiyor. Bu yüzden sayısal bir tuş takımını yüklemek için jquery ve html karışımı kullanıyorum ve ayrıca değerin sayı olarak değil metin olarak gönderildiğinden emin olun:
$(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"seçeneğimiz olmasını isterdim, bu yüzden bu hack'lere sahip olmamız gerekmezdi. Demek istediğim, sıfır önde gelen bir sayı gibi değil, o kadar nadirdir (ABD'deki Posta Kodları bariz bir örnektir).
input type = number
Bir sayı girişi sağlamak istediğinizde, HTML5 input type = "number" özellik değerini kullanabilirsiniz.
<input type="number" name="n" />
İşte iPhone 4'te gelen klavye:
HTML5 giriş türü numarasının iPhone ekran görüntüsü Android 2.2 bu klavyeyi tür = sayı için kullanır:
HTML5 giriş türü numarasının Android Ekran Görüntüsü
Sayı girişine bir adım özelliği ekleyin
<input type="number" step="0.01">
Kaynak: http://blog.pamelafox.org/2012/05/triggering-numeric-keyboards-with-html5.html