@@Jörg > > Aber warum `<input type="submit" value="Absenden" />`{:.language-html.bad}? > > > > Besser `<button type="submit">Absenden</button>`{:.language-html.good}. Wobei `type="submit"` Default ist, also entfallen kann. > > > > Gibts einen Grund dafür, dass das besser ist? Mehrere. Da wäre nunächst einmal sprechender Code. `<input type="submit">`{:.language-html.bad} sieht man nicht auf den ersten Blick an, dass es sich nicht um ein Eingabefeld, sondern um einen Button handelt. Dazu muss man schon noch einen zweiten Blick werfen – aufs Attribut. `<button>`{:.language-html.good} hingegen ist selbsterklärend. Noch entscheidender ist aber, dass die Beschriftung des Buttons nicht wie bei `<input type="submit" value="Absenden" />`{:.language-html.bad} in einem Attribut steckt, sondern im Elementinhalt: `<button>Absenden</button>`{:.language-html.good}. Das hat mehrere Vorteile: Eine Buttonschriftung kann Markup enthalten: `<button><b>Jetzt</b> absenden!!!</button>`{:.language-html} oder `<button>Absenden <img src="pfeil.svg" alt=""/></button>`{:.language-html} oder `<button>Absenden <svg>…</svg></button>`{:.language-html} Außerdem ignorieren automatische Übersetzer womöglich Attributwerte. (Was auch dafür spricht, eher `aria-labelledby` statt `aria-label` einzusetzen.) Das trifft auch auf Alternativtexte für Bilder (`alt`-Attribute) zu. Da hat es ein Schnellschuss von Marc Adreesen in die HTML-Spezifikation geschafft. Inhalt in Attributen ist nie™ eine gute Idee, s.a. [dieses Posting](https://forum.selfhtml.org/self/2017/may/27/anzeige-der-test-homepage-mit-android-browser-internet-voellig-unterschiedlich-und-teils-unkomplett/1695216#m1695216). Dieser Sprachdesignfehler ist jetzt nicht mehr auszumerzen. Bei anderen Elementen wie `object` wurde es dann richtig gemacht: textuelle Alternative als Elementinhalt. 😷 LLAP -- *„Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“* — Joachim Gauck über Impfgegner

@@Jörg > > Aber warum `<input type="submit" value="Absenden" />`{:.language-html.bad}? > > > > Besser `<button type="submit">Absenden</button>`{:.language-html.good}. Wobei `type="submit"` Default ist, also entfallen kann. > > > > Gibts einen Grund dafür, dass das besser ist? Mehrere. Da wäre nunächst einmal sprechender Code. `<input type="submit">`{:.language-html.bad} sieht man nicht auf den ersten Blick an, dass es sich nicht um ein Eingabefeld, sondern um einen Button handelt. Dazu muss man schon noch einen zweiten Blick werfen – aufs Attribut. `<button>`{:.language-html.good} hingegen ist selbsterklärend. Noch entscheidender ist aber, dass die Beschriftung des Buttons nicht wie bei `<input type="submit" value="Absenden" />`{:.language-html.bad} in einem Attribut steckt, sondern im Elementinhalt: `<button>Absenden</button>`{:.language-html.good}. Das hat mehrere Vorteile: Eine Buttonschriftung kann Markup enthalten: `<button><b>Jetzt</b> absenden!!!</button>`{:.language-html} oder `<button>Absenden <img src="pfeil.svg" alt=""/></button>`{:.language-html} oder `<button>Absenden <svg>…</svg></button>`{:.language-html} Außerdem ignorieren automatische Übersetzer womöglich Attributwerte. (Was auch dafür spricht, eher `aria-labelledby` statt `aria-label` einzusetzen.) Dass trifft auch auf Alternativtexte für Bilder (`alt`-Attribute) zu. Da hat es ein Schnellschuss von Marc Adreesen in die HTML-Spezifikation geschafft. Inhalt in Attributen ist nie™ eine gute Idee, s.a. [dieses Posting](https://forum.selfhtml.org/self/2017/may/27/anzeige-der-test-homepage-mit-android-browser-internet-voellig-unterschiedlich-und-teils-unkomplett/1695216#m1695216). Dieser Sprachdesignfehler ist jetzt nicht mehr auszumerzen. Bei anderen Elementen wie `object` wurde es dann richtig gemacht: textuelle Alternative als Elementinhalt. 😷 LLAP -- *„Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“* — Joachim Gauck über Impfgegner