2011-01-20 3 views
7

Questo non è un sito Web "mobile". È normale HTML/CSS. C'è un modo in cui posso forzare i dispositivi mobili a fare il pop-up con la tastiera numerica quando si focalizzano sulle mie caselle di testo?Force Numeric Keyboard for Mobile Device

+0

Non esiste un modo garantito che funzioni su TUTTI i dispositivi. Hai un problema specifico che stai cercando di risolvere? o vuoi semplicemente un modo semplice per gli utenti di inserire un numero? –

+0

Nessun problema specifico, mi piacerebbe come predefinito per la tastiera numerica. – divided

risposta

5

È chiamato "-wap-input-format". Si può usare nel vostro css o in elemento di stile, come

<input type="text" style="-wap-input-format: 'N'"/> 

Vedi http://www.developershome.com/wap/wcss/wcss_tutorial.asp?page=inputExtension2

Edit: Non mi rendevo conto che si voleva pop-up della tastiera numerica. Non sono sicuro se è possibile

+0

Questo è per WCSS, che non sto utilizzando. Questo non funziona con i normali CSS. – divided

+0

dovresti essere in grado di usarlo in linea e se il telefono lo supporta funzionerà. Funziona su Symbian. http://discussion.forum.nokia.com/forum/showthread.php?34533-Wap-CSS-support-in-XHTML-browsers – nLL

+0

non funziona per Chrome, in Android. –

11

Abbiamo avuto la miglior fortuna con l'utilizzo di una combinazione di type="number" e pattern="\d*". Abbiamo visto il successo su dispositivi iOS e Android, anche se non ho un elenco di versioni del sistema operativo da condividere qui.

<input type="number" pattern="\d*" name="year"> 
+1

Funziona perfettamente funziona anche con type = "textfield" –

+0

Grazie Awayken, ha funzionato su Android bene –

2

Proprio aggiornando questo post sulla base di nuove tecnologia ..

<input type="number"/> 

funziona sulla maggior parte del sistema operativo di oltre a iOS.

Quindi una versione più recente è stato introdotto in cui si può semplicemente utilizzare:

<input type="tel"/> 

Questo costringe una tastiera numerata su qualsiasi dispositivo mobile in questi giorni.

È possibile fare riferimento a here per ulteriori informazioni su questo argomento esatto.