nicht angemeldet
Gunnar Bittersmann@@EinsPhil
<html lang="de-DE">
Das ist überspezifisch; lang="de" sollte genügen.
<head> <title>CSS Test</title> <meta charset="utf-8">
Die Zeichencodierungsangabe sollte als erstes in head stehen.
<meta name="viewport" content="width=device-width, inital-scale=1.0, user-scalable=no">
user-scalable=no wird von modernen Browser nicht interpretiert. Die Angabe ist also bestenfalls verwirrend. In anderen Browsern führt sie dazu, dass die Seite unbenutzbar wird. Weg damit!
<label for="fname">Vorname</label> <input type="text" id="vname" name="vname" placeholder="Dein Vorname"> <label for="lname">Nachname</label> <input type="text" id="nname" name="nname" placeholder="Dein Nachname"> <label for="Email">Email</label> <input type="email" id="email" name="email" placeholder="beispiel@email.de">
Sämtliche Placeholder sind bestenfalls überflüssig, andernfalls störend. Weg damit!
Die nicht zusammenpassenden for-/id-Attribute erwähnte Matthias ja schon.
<option value="DEU">Deutschland</option> <option value="AUT">Österreich</option> <option value="CHE">Schweiz</option>
Warum erfindest du eigene Länderkürzel anstatt die standardisierten DE, AT und CH zu verwenden?
input[type=text], [type=email], select, textarea { width: 25%;
Ich bin mir sicher, dass die Eingabefelder auf meinem Gerät viel zu schmal sind.
input[type=text], [type=email], select, textarea { border: 1px solid #cccccc; outline: none; } input[type=text]:focus, [type=email]:focus, select:focus, textarea:focus { border: 1px solid #999999; }
Der Farbunterschied zwischen #cccccc und #999999 dürfte zu gering sein (noch dazu bei 1px Rahmendicke) um sicher wahrgenommen zu werden, zumal du auch noch die Outline entfernt hast. Bei Tastatursteurung muss das fokussierte Element deutlich zu erkennen sein.
LLAP 🖖
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann
Matthias Apsel
MudGuard
Rolf B