@@ich360 > ~~~html > <fieldset> > ~~~ `fieldset` ohne `legend` macht nicht wirklich Sinn, oder? Und wenn `fieldset` alles gruppiert, macht das auch keinen Sinn. > ~~~html,bad > <label for="name">Geburtsdatum</label> > <input type="text" id="geburtsdatum" name="geburtsdatum"> > ~~~ Das `label` ist dem falschen `input`-Element zugeordnet. `for` und `id` sollten schon übereinstimmen. > ~~~html,bad > <label for="name">PLZ & Wohnort</label> > <input type="text" id="staat" name="staat"> > <label for="name">Straße, Hausnummer</label> > <input type="text" id="adresse" name="adresse" required> > ~~~ Dito. `&` sollte als `&amp;` escapet werden. Oder an der Stelle [nicht verwendet](https://de.wikipedia.org/wiki/Et-Zeichen#Bedeutung_und_Verwendung) werden. Außerdem bist du inkonsequent: ‚&‘ zwischen ‚PLZ‘ und ‚Wohnort‘; Komma zwischen ‚Straße‘ und ‚Hausnummer‘. Warum ‚Wohnort‘ und nicht einfach ‚Ort‘? Straße und Hausnummer sind `required`; PLZ und Wohnort aber nicht? Und wozu fragst du bei einem Kontaktformular überhaupt das Geburtsdatum und die Adresse ab? 🖖 Stay hard! Stay hungry! Stay alive! **Stay home!** {:@en} -- Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. ([@Grantscheam](https://twitter.com/Grantscheam/status/1247046064504537092))

@@ich360 > ~~~html > <fieldset> > ~~~ `fieldset` ohne `legend` macht nicht wirklich Sinn, oder? Und wenn `fieldset` alles gruppiert, macht das auch keinen Sinn. > ~~~html,bad > <label for="name">Geburtsdatum</label> > <input type="text" id="geburtsdatum" name="geburtsdatum"> > ~~~ Das `label` ist dem falschen `input`-Element zugeordnet. `for` und `id` sollten schon übereinstimmen. > ~~~html,bad > <label for="name">PLZ & Wohnort</label> > <input type="text" id="staat" name="staat"> > <label for="name">Straße, Hausnummer</label> > <input type="text" id="adresse" name="adresse" required> > ~~~ Dito. `&` sollte als `&amp;` escapet werden. Oder an der Stelle [nicht verwendet](https://de.wikipedia.org/wiki/Et-Zeichen#Bedeutung_und_Verwendung) werden. Außerdem bist du inkonsequent: ‚&‘ zwischen ‚PLZ‘ und ‚Wohnort‘; Komma zwischen ‚Straße‘ und ‚Hausnummer‘. 🖖 Stay hard! Stay hungry! Stay alive! **Stay home!** {:@en} -- Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. ([@Grantscheam](https://twitter.com/Grantscheam/status/1247046064504537092))

@@ich360 > ~~~html > <fieldset> > ~~~ `fieldset` ohne `legend` macht nicht wirklich Sinn, oder? Und wenn `fieldset` alles gruppiert, macht das auch keinen Sinn. > ~~~html,bad > <label for="name">Geburtsdatum</label> > <input type="text" id="geburtsdatum" name="geburtsdatum"> > ~~~ Das `label` ist dem falschen `input`-Element zugeordnet. `for` und `id` sollten schon übereinstimmen. > ~~~html,bad > <label for="name">PLZ & Wohnort</label> > <input type="text" id="staat" name="staat"> > <label for="name">Straße, Hausnummer</label> > <input type="text" id="adresse" name="adresse" required> > ~~~ Dito. 🖖 Stay hard! Stay hungry! Stay alive! **Stay home!** {:@en} -- Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. ([@Grantscheam](https://twitter.com/Grantscheam/status/1247046064504537092))