Inklusives Formular
bearbeitet von
@@1unitedpower
> Schöner Artikel, ich hab eine Idee für einen Folge-Artikel: In der Praxis sind die nativen Möglichkeiten zur Validierung schnell erschöpft. Zum Beispiel kann man nicht ohne JavaScript ausdrücken, dass in einer Gruppe von Radioboxen eine Auswahl verpflichtend ist
In der Praxis liegt dem Ruf nach JavaScript desöfteren die Unkenntnis der Möglichkeiten von HTML und CSS zugrunde. Zum Beispiel kann man das doch. [Guckst du.](http://codepen.io/gunnarbittersmann/pen/MbpqpL)
_Look Ma, no JavaScript!_{: @en style="font: normal 2em 'Comic Sans MS'"}
Die [HTML-Spec](http://w3c.github.io/html/sec-forms.html#the-required-attribute) sagt: _“For radio buttons, the `required` attribute is satisfied if any of the radio buttons in the group is selected. Thus […] any of the radio buttons can be checked, not just the one marked as required.”_{: @en}
Verwirrt? Nun, da führt die Spec weiter aus: _“To avoid confusion as to whether a radio button group is required or not, authors are encouraged to specify the attribute on all the radio buttons in a group.”_{: @en}
LLAP 🖖
--
_“I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.”_{: lang="en"} —Estelle Weyl
Inklusives Formular
bearbeitet von
@@1unitedpower
> Schöner Artikel, ich hab eine Idee für einen Folge-Artikel: In der Praxis sind die nativen Möglichkeiten zur Validierung schnell erschöpft. Zum Beispiel kann man nicht ohne JavaScript ausdrücken, dass in einer Gruppe von Radioboxen eine Auswahl verpflichtend ist
In der Praxis liegt dem Ruf nach JavaScript desöfteren die Unkenntnis der Möglichkeiten von HTML und CSS zugrunde. Zum Beispiel kann man das doch. [Guckst du.](http://codepen.io/gunnarbittersmann/pen/MbpqpL)
_Look Ma, no JavaScript!_{: @en style="font: normal 2em 'Comic Sans MS'"}
Die [HTML-Spec](http://w3c.github.io/html/sec-forms.html#the-required-attribute) sagt: _“For radio buttons, the `required` attribute is satisfied if any of the radio buttons in the group is selected. Thus […] any of the radio buttons can be checked, not just the one marked as required.”_{: @en}
Verwirrt? Nun, da führt die Spec weiter aus: _“To avoid confusion as to whether a radio button group is required or not, authors are encouraged to specify the attribute on all the radio buttons in a group.”_{: @en}
, oder dass in einer Gruppe von Checkboxen eine Mindestanzhal ausgewählt werden muss. Für solche Fälle gibt es die [Contraint Validation API](https://html.spec.whatwg.org/multipage/forms.html#the-constraint-validation-api), besonders erwähnenswert finde ich dort die [reportValidity-Methode](https://html.spec.whatwg.org/multipage/forms.html#dom-cva-reportvalidity). Damit ist es möglich Fehler bei benutzerdefinierten Validierungs-Algorithmen über die eingebetteten Signaling-Systeme der Browser an den Endnutzer zu melden.
LLAP 🖖
--
_“I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.”_{: lang="en"} —Estelle Weyl