Der iPhone-Browser verwendet standardmäßig Großbuchstaben für Felder mit dem ersten Buchstaben des Kennworts


83

Ich schreibe eine Anmeldeseite für eine mobile Version meiner Webanwendung und habe ein einfaches HTML-Passwortfeld wie folgt:

<input id="password" type="password" />

Das einzige Problem ist, dass der iPhone Safari-Browser standardmäßig den ersten Buchstaben der Eingabe großschreibt, was meine Benutzer verwirrt, da das Kennwort zwischen Groß- und Kleinschreibung unterscheidet und sie nicht immer erkennen, dass dies der Fall ist.

Kennt jemand eine Methode, ein Tag oder eine andere Methode, um dies zu verhindern und die iPhone-Eingabe auf Kleinbuchstaben zu setzen, sofern der Benutzer nichts anderes angibt? Oder ist dies einfach eine Funktion der Plattform, die nicht geändert werden kann?


1
Der sichere Text unterscheidet immer nicht zwischen Groß- und Kleinschreibung und dem Benutzernamen können Sie die Validierung für die Großschreibung des Wortes in iPhone vornehmen.
Ballu

Antworten:


185
<input type="text" name="test1" autocapitalize="none"/>

Die Dokumente finden Sie hier: Unterstützte Attribute: Autokapitalisieren


2
Gute Antwort. Wie Ballu erwähnt, ist dies jedoch für den Eingabetyp = Passwort nicht erforderlich.
IAmNaN

3
"off" wurde in iOS 5.0 abgeschrieben, Sie sollten "none" verwenden. Dies verhindert die Autokapitalisierung, aber die Umschalttaste ist standardmäßig weiterhin aktiv, was schmerzhaft ist.
Patrick

65

Möglicherweise möchten Sie sowohl die automatische Korrektur als auch die automatische Kapitalisierung für Kennwort- und E-Mail-Felder deaktivieren.

So sehen meine aus:

<input autocapitalize="off" autocorrect="off" id="email" name="email" type="text">
<input autocapitalize="off" autocorrect="off" id="password" name="password" type="password">

1
Warum danke, ich kann beide ausschalten wollen. Hervorragender Vorschlag!
Rthbound

1
Ich benutze auch Autocomplete = "off" und Rechtschreibprüfung = "false".
Herbert Van-Vliet
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.