Ich habe 2 verschiedene Methoden im selben Formular gesehen:
auf Ссылка , warum sie 2 Methoden in der ersten fieldset verwenden, behalten sie input nach label und in 2. fieldset behalten sie input nach label . Warum?
Warum behalten sie manchmal input nach label und irgendwann drinnen?
Aktualisierung:
Hier Ссылка behalten sie auch input nach label nicht innerhalb
Dies ist gemäß den Spezifikationen und funktioniert in allen Bereichen moderne Browser (aber nicht in IE6 - wenn Sie auf das Label klicken, wird der Fokus nicht auf das Eingabesteuerelement gesetzt, es sei denn, Sie fügen id und for ein):
Was "warum" betrifft - In <fieldset> wurden die Optionsschaltflächen in die Beschriftungen eingefügt, sodass zwischen der Beschriftung und dem Optionsfeld keine nicht klickbare Lücke entsteht.
Wenn Sie die Eingabe innerhalb des Labels platzieren, werden die beiden Elemente zugeordnet. Dies ist wichtig für die Zugänglichkeit (z. B. Bildschirmleser für Personen, die die Beziehung zwischen dem Etikett und der Eingabe durch Betrachten der Seite nicht sehen können). Eine Alternative besteht darin, das Attribut for im Label-Tag zu verwenden.
Heute habe ich hier eine Antwort gefunden. Ссылка
Die HTML- und XHTML-Spezifikationen erlaube sowohl implizite als auch explizite Etiketten. Allerdings einige Hilfsmittel Technologien werden nicht korrekt behandelt implizite Beschriftungen (z. B. Vorname ). Zum Beispiel
<label>First name <input type="text" name="firstname"></label>).
So explizit ist der Weg zu gehen und es gibt uns auch mehr Stil Option.
Im Allgemeinen ist es für den Zweck der Erweiterung der Eingabesteueroberfläche getan. Wenn ein Optionsfeld oder ein Kontrollkästchen vorhanden ist, wird alles, was sich in <label for="given_control"></label> befindet, mit der Steuerung in Verbindung gebracht.
Ok, noch einmal: Kontrolloberflächen werden nun in Grau angezeigt (Wenn Ihr CSS nicht deaktiviert ist). Wenn Sie möchten, dass das Steuerelement auf die Klicks auf beiden Seiten des Steuerelements reagiert, schließen Sie <input> zwischen den Label-Tags% ein. co_de%, wenn es ausreicht, dass eine Seite des Steuerelements für den Klick empfindlich ist, fügen Sie <label...> -Tags entweder vor oder nach <label> ein. Im folgenden Beispiel: Die ersten beiden Steuerelemente reagieren empfindlich auf die Klicks auf beiden Seiten (einschließlich Leerzeichen auf der linken Seite) des Steuerelements, das dritte Steuerelement - nur auf der linken Seite.
Überprüfen Sie dieses Beispiel:
%Vor%Tags und Links css accessibility screen-readers xhtml