24
C'è un modo per modificare gli asterischi (*) o in alcuni browser un punto elenco (•), visualizzato nei campi della password in HTML?Modifica dei simboli visualizzati di un campo password HTML
A
risposta
26
Non è possibile modificare il carattere di mascheramento della password nel campo della password standard. Puoi fingere con una casella di testo, ma crea un modello di sicurezza debole perché non ottieni la protezione che fai dalla casella di testo della password. Come nota a margine, non è generalmente una buona idea cambiare il comportamento di elementi come questo perché gli utenti si sono abituati a una forma di mascheramento, e ne introdurrai una diversa - se non ci sono buoni motivi per farlo, io d evitarlo.
3
No: l'agente utente sceglie il proprio stile predefinito e non esistono (per quanto mi consta) attributi CSS che è possibile modificare per determinare il carattere di mascheramento.
Ovviamente, ciò sarebbe possibile se il campo della password fosse solo un campo di testo standard e l'utente avesse mascherato manualmente un gestore di eventi javascript (onKeyPress, probabilmente). Puoi anche dichiarare il campo come type="password" nel codice HTML, quindi fare in modo che la funzione JS modifichi il DOM per cambiarne il tipo. Sarei un po 'cauto nel fare questo, però; l'implementazione del browser è quasi certamente abbastanza solida e l'aggiramento delle funzionalità di sicurezza consolidate per il rollover è raramente una buona idea.
+6
Funzionalità di sicurezza consolidate? I campi di immissione della password e del testo in HTML sono quasi gli stessi, solo l'interfaccia utente cambia, con il mascheramento che si verifica nei campi della password. Non sto minimizzando la tua risposta, ma questo non è come reinventare la ruota o creare un motore di crittografia homebrew, è solo un patch di un elemento dell'interfaccia utente per soddisfare i tuoi gusti. – Spidey
+1
@Spidey, oltre al mascheramento dei caratteri, i campi password impediscono anche la copia del contenuto da essi, a seconda del browser e del sistema operativo. –
+1
@MicahHenning Grazie per aver segnalato questo. Ad ogni modo, anche se l'utente ha provato a copiare dalla casella di testo personalizzata, tutto ciò che otterrebbe sarebbero asterisc o punti o qualsiasi altro simbolo che si sceglie di mascherare la password reale. – Spidey
1
A partire da ora, sembra che sia possibile nei browser Webkit. Si prega di consultare http://help.dottoro.com/lcbkewgt.php per esempi e documentazione.
non vale per l'immissione della password
<input type="text" style="-webkit-text-security: square;" />Non v'è alcuna buona soluzione per gli altri browser, come di quando questa risposta è stato scritto e anche nel browser WebKit, i caratteri che sono permesso di specificare sono molto limitati.
+4
Questo non funziona. L'ho provato su 4 diversi browser. –
+0
aggiornato. Grazie @OleHaugset. – www139
14
Creare il proprio carattere e utilizzare @font-face e font-family (e font-size) per input[type="password"]. Dovrebbe aiutare a risolvere il tuo problema. Ma ... devi creare font con il carattere di proiettile e asterisco sostituito. Tutti i numeri di carattere nel carattere possono rappresentare lo stesso carattere. Usa google per trovare il programma gratuito per modificare i caratteri vettoriali.
Mai dire "impossibile". Dovresti trovare un trucco per il tuo problema.
Caratteri da sostituire con il simbolo (per Chrome, Firefox e MSIE): 26AB, 25E6, 25CF, 25D8, 25D9, 2219, 20F0, 2022, 2024, 00B7, 002A.
(18C)
+1
Hai un font di esempio da condividere? – camolin3
+0
questa dovrebbe essere la risposta perfetta ... Grazie amico ... risolto il mio problema –
+1
@waLLe: Donna non uomo ... La gente pensa raramente a comportamenti astratti e multilivello. BTW. la domanda è vecchia (2009) ma ancora attiva. In passato '@ font-face' non era definito. Nel 2009 non era possibile ma ... la gente ripete la risposta nonostante Firefox lo supporti dalla v3.5, IE probabilmente dalla v6, Chrome dalla v4. Ma ancora ... Opera Mini non supporta. Quando ho scritto la mia risposta, la risposta principale ha +21 punti. – 18C
0
<input type="text" style="-webkit-text-security: circle;" />+1
La proprietà CSS '-webkit-text-security' non funzionerà su IE, Firefox o Opera. – sorak
Problemi correlati
- 1. Modifica dei simboli registrati (R)
- 2. Perché IE8 mostra punti interrogativi invece di punti elenco nel campo Password HTML?
- 3. Validatore Laravel 4 per campo password nell'account di modifica
- 4. mvc3 - Come disabilitare il codice html dei simboli dalla fonte
- 5. linux curlftpfs, password con simboli
- 6. Hashing e salting di un campo password
- 7. Tipo immissione ingresso password password campo focus
- 8. Espressione regolare nel campo Android per password
- 9. Campo ripetizione password Yii
- 10. Visibilità dei simboli e spazio dei nomi
- 11. Modifica password Derby DB
- 12. Apache htpasswd modifica password sicura
- 13. Come creare un campo password in xcode
- 14. Quali sono i significati delle colonne della tabella dei simboli visualizzati da solo?
- 15. Modifica di un modulo HTML con JavaScript
- 16. Visualizzazione manuale dei sottocampi di un campo multiplo
- 17. Liferay - personalizzare la password di modifica
- 18. Django: Personalizzazione di un particolare campo HTML del campo
- 19. Modifica valore di un campo modulo Django durante la pulizia()
- 20. Modifica dei dati di SimpleCursorAdapter
- 21. L'API di iscrizione ASP.NET modifica la password della password
- 22. Campo HTML Testo di input Campo segnaposto
- 23. Che cos'è la risoluzione dei simboli?
- 24. Spazio all'interno dei simboli letterali
- 25. Modifica password su file p12
- 26. Frequenza dei simboli nei linguaggi di programmazione
- 27. Tabella dei simboli di modifica dinamica in fase di esecuzione (in C)
- 28. Come rilevare quando si immette un campo password
- 29. Implementare la password di modifica con Loopback
- 30. Modifica del campo password in testo con la casella di controllo con jQuery
Come posso fingere con casella di testo, tuttavia non sto usando questa caratteristica per password, controllare la domanda http://stackoverflow.com/questions/31604402/replace-text-with-stars-in-html-senza-javascript? Noredirect = 1 # comment51159417_31604402 –