Come rendere il campo di input digita sia numerico che password?

Question

Sono consapevole di questo:

<input type="tel"> 

e sono consapevoli di questo:

<input type="password"> 

ma vorrei usare entrambi. Voglio che il tastierino numerico venga visualizzato su iOS (in particolare), ma nascondere ogni carattere dopo averlo digitato. È possibile qualcosa del genere?

<input type="tel|password"> 

Answer 1

È possibile effettuare la password tipo di ingresso e quindi utilizzare javascript per convalidare che solo i numeri sono stati inseriti quando è stato premuto il pulsante di invio. http://www.configure-all.com/javascript_form_validation.php

Answer 2

html di casella di input:

<input type="tel" name="password" id="password" value="" placeholder="Enter password" 
    onfocus="changeToPassword()"> 

Javascript:

// change the type of the input to password 
function changeToPassword() { 
    setTimeout(function() { 
     document.getElementById("password").setAttribute("type", "password") 
    }, 500); 
} 

Questa soluzione funziona su iPhone. Questo è un tipo di hack. Una volta ottenuto il tastierino numerico nei successivi 500 millisecondi, si modifica l'attributo alla password e questo inganna il telefono.

Answer 3

Per iOS è possibile impostare l'ingresso di tipo "password" e ancora attivare l'numerico della tastiera utilizzando l'HTML5-attributo "pattern":

<input type="password" pattern="[0-9]*" ... /> 

Dal Apple-Documentation:

Per visualizza una tastiera numerica, imposta il valore dell'attributo pattern su "[0-9] " o "\ d".