Input password

aha_01 · 16.02.2010, 15:57

Hi,
meine Frage ist wie fogt:

Wie kann ich im <input type="password" ...> statt Pünktchen Sternchen sehen wenn in den Input was eingegeben wird?

Vielen Dank im Voraus

Aha

nikosch · 16.02.2010, 16:16

Gar nicht. Die Darstellung der Ersatzzeichen ist Browserssache.

aha_01 · 16.02.2010, 16:19

Danke für die Antwort,
Schade ich wollte was anderes sehen als diese GROSSE HÄSSLICHE PÜNKTCHEN

Grüße
Aha

nikosch · 16.02.2010, 17:09

Schönheit liegt im AUge des Betrachters. Bei solchen Sachen kommt es auf Konsistenz, erwartbares Verhalten und Vertrauen an. Irgendein obskures Inputelement, das irgendwas unerwartetes tut, während ich sensible Daten eingebe und mich dadurch verunsichert, dürfte den Aufwand nicht wert sein.

aha_01 · 16.02.2010, 17:12

Richtig

Shöne Grüße
Aha

FloGa96 · 08.08.2011, 19:14

ich weis dass der threat sehr alt ist, aber es muss irgendwie änderbar sein, denn ein Freund von mir hatte es so gesetzt dass dort Herzchen erschienen sind, sobald man etwas eingegeben hat.

Ich werde den Code umgehend posten wenn ich ihn finde, mein Freund ist jedoch momentan im Urlaub und ich habe das selbe Problem^^

ChrisB · 08.08.2011, 19:31

Mir fallen auf Anhieb mehrere Möglichkeiten ein, wie man das ggf. erreichen könnte.

Die erste und einfachste wären Web-Fonts. Unter der Annahme, dass die Browser zum darstellen der Pünktchen/Sterne/whatever einfach auf Schriftzeichen zurückgreifen, müsste man nur das Passwort-Feld mit einer Schriftart formatieren, in der man an Stelle der entsprechenden Glyphen (je nach Browser ggf. unterschiedliche) das gewünschte „Zeichen“ unterbringt. Kurzer Test im Firefox mit font-weight, font-style legt zumindest nahe, dass das „normales“ Font-Rendering sein dürfte, was da zur Anwendung kommt.

Zweite Möglichkeit, aber weniger benutzerfreundlich: Mit JavaScript eingreifen, und die Zeichen selber darstellen. Text„-Farbe“ und Hintergrund im Passwortfeld transparent machen, Länge des aktuellen Inhalts auslesen, und entsprechend viele „Sternchen“ dann in einem dahinter gelegten Element anzeigen. Macht das ganze u.a. deswegen weniger benutzerfreundlich, weil man damit auch keinen Cursor mehr sieht. Den auch noch selber zu simulieren, würde das Verhältnis von Aufwand zu „Nutzen“ dieser Spielerei vermutlich sprengen.

achtelpetit · 10.08.2011, 19:01

Es gibt im Firefox eine Default-CSS (in anderen Browsern vermutlich auch)
resource://gre-resources/quirk.css
Vielleicht kann man das was rumpfuschen, so in der Richtung, die ChrisB vorgeschlagen hat.

nikosch · 10.08.2011, 19:04

Ich glaube nicht, dass das für den Privatrechner sein soll, sondern für die Website. Da nutzt ein Browser-CSS wenig.

DrDreistein · 11.08.2011, 00:25

Normales Input-Textfeld verwenden und mit JS eben "verschlüsseln".
Bei onChange bzw. onKeyPress das Passwort in Variable speichern und durch das Event onSubmit ins Textfeld wieder reinschreiben und auf den Type "password" ändern. Alternativ dazu bei jedem Press bzw. Change in ein eigenes Input-Hidden Feld schreiben.

So hätte ich das gelöst.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] input type text und input type image in einer Linie	scherpa747	HTML, Usability und Barrierefreiheit	1	16.09.2009 12:02
Kalender PopUp und Datum nach Input Feld übertragen ( ICEFaces )	da.eXecutoR	JavaScript, Ajax und mehr	6	19.08.2009 16:14
php input feld hinzufügen	bajo	PHP Tipps 2009	4	03.06.2009 18:45
[Erledigt] input 0 frmularproblem	mistermint	PHP Tipps 2009	2	30.03.2009 19:15
input type text standart angewaehlt		HTML, Usability und Barrierefreiheit	4	19.02.2009 00:54
INPUT RADIO mit INPUT TEXT kombinieren!?!	buggybugga	HTML, Usability und Barrierefreiheit	5	20.02.2007 17:33
Width Problem bei input und text Feld	suter	HTML, Usability und Barrierefreiheit	2	14.02.2007 14:03
Cursorfokus automatisch in ein Input Feld setzen	DDogg	HTML, Usability und Barrierefreiheit	5	17.05.2006 22:48
[Erledigt] Input value und Input text		PHP Tipps 2005-2	4	12.07.2005 16:46
password()	Heart	Datenbanken	3	12.05.2005 09:02
input durch klick einfügen		PHP Tipps 2005	2	02.05.2005 16:20
[Erledigt] input type's		HTML, Usability und Barrierefreiheit	4	27.03.2005 18:23
Password convertieren		PHP Tipps 2005	6	22.02.2005 12:35
Hochkommas in Input Feld		PHP Tipps 2004	3	12.06.2004 15:54
password feld wird nicht in die tabelle geschrieben		Datenbanken	2	12.06.2004 14:37

16.02.2010, 15:57
aha_01 Erfahrener Benutzer Registriert seit: 05.09.2007 Beiträge: 183	Input password Hi, meine Frage ist wie fogt: Wie kann ich im <input type="password" ...> statt Pünktchen Sternchen sehen wenn in den Input was eingegeben wird? Vielen Dank im Voraus Aha


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

16.02.2010, 16:16
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Gar nicht. Die Darstellung der Ersatzzeichen ist Browserssache. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

16.02.2010, 16:19
aha_01 Erfahrener Benutzer Registriert seit: 05.09.2007 Beiträge: 183	Danke für die Antwort, Schade ich wollte was anderes sehen als diese GROSSE HÄSSLICHE PÜNKTCHEN Grüße Aha

16.02.2010, 17:09
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Schönheit liegt im AUge des Betrachters. Bei solchen Sachen kommt es auf Konsistenz, erwartbares Verhalten und Vertrauen an. Irgendein obskures Inputelement, das irgendwas unerwartetes tut, während ich sensible Daten eingebe und mich dadurch verunsichert, dürfte den Aufwand nicht wert sein. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

16.02.2010, 17:12
aha_01 Erfahrener Benutzer Registriert seit: 05.09.2007 Beiträge: 183	Richtig Shöne Grüße Aha

08.08.2011, 19:14
FloGa96 Neuer Benutzer Registriert seit: 08.08.2011 Beiträge: 1 PHP-Kenntnisse: Fortgeschritten	ich weis dass der threat sehr alt ist, aber es muss irgendwie änderbar sein, denn ein Freund von mir hatte es so gesetzt dass dort Herzchen erschienen sind, sobald man etwas eingegeben hat. Ich werde den Code umgehend posten wenn ich ihn finde, mein Freund ist jedoch momentan im Urlaub und ich habe das selbe Problem^^

08.08.2011, 19:31
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Mir fallen auf Anhieb mehrere Möglichkeiten ein, wie man das ggf. erreichen könnte. Die erste und einfachste wären Web-Fonts. Unter der Annahme, dass die Browser zum darstellen der Pünktchen/Sterne/whatever einfach auf Schriftzeichen zurückgreifen, müsste man nur das Passwort-Feld mit einer Schriftart formatieren, in der man an Stelle der entsprechenden Glyphen (je nach Browser ggf. unterschiedliche) das gewünschte „Zeichen“ unterbringt. Kurzer Test im Firefox mit font-weight, font-style legt zumindest nahe, dass das „normales“ Font-Rendering sein dürfte, was da zur Anwendung kommt. Zweite Möglichkeit, aber weniger benutzerfreundlich: Mit JavaScript eingreifen, und die Zeichen selber darstellen. Text„-Farbe“ und Hintergrund im Passwortfeld transparent machen, Länge des aktuellen Inhalts auslesen, und entsprechend viele „Sternchen“ dann in einem dahinter gelegten Element anzeigen. Macht das ganze u.a. deswegen weniger benutzerfreundlich, weil man damit auch keinen Cursor mehr sieht. Den auch noch selber zu simulieren, würde das Verhältnis von Aufwand zu „Nutzen“ dieser Spielerei vermutlich sprengen. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

10.08.2011, 19:01
achtelpetit Erfahrener Benutzer Registriert seit: 01.06.2011 Beiträge: 390 PHP-Kenntnisse: Anfänger	Es gibt im Firefox eine Default-CSS (in anderen Browsern vermutlich auch) resource://gre-resources/quirk.css Vielleicht kann man das was rumpfuschen, so in der Richtung, die ChrisB vorgeschlagen hat.

10.08.2011, 19:04
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ich glaube nicht, dass das für den Privatrechner sein soll, sondern für die Website. Da nutzt ein Browser-CSS wenig. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

11.08.2011, 00:25
DrDreistein Erfahrener Benutzer Registriert seit: 23.03.2011 Beiträge: 134 PHP-Kenntnisse: Anfänger	Normales Input-Textfeld verwenden und mit JS eben "verschlüsseln". Bei onChange bzw. onKeyPress das Passwort in Variable speichern und durch das Event onSubmit ins Textfeld wieder reinschreiben und auf den Type "password" ändern. Alternativ dazu bei jedem Press bzw. Change in ein eigenes Input-Hidden Feld schreiben. So hätte ich das gelöst. __________________ Ein Rudel agressiver Wölfe nennt man auch Wolfgang. Alles, was das PHP-Herz begehrt - Staticfloat