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.