Gunnar Bittersmann: Text-Input als Summary verwenden

Beitrag lesen

problematische Seite

@@Matthias Scharwies

Warum nicht so?

 <input id="eingabe" value="Hier kann man was eingeben">
<label for="eingabe">
<details>
  <summary>Eingabefeld:  </summary>
  Hier steht eine langatmige Erklärung dazu, was das Eingabefeld bewirkt. Sie muss normalerweise unsichtbar sein, weil sie schlicht und ergreifend zu lang wäre. Das Problem: Gibt man einen Text ins Eingabefeld ein, so klappt dieser Text bei jedem Leerzeichen auf und zu.
</details>
</label>

Die Beschriftung hinter dem Eingabefeld?

Warum nicht so?

<label for="eingabe">Eingabefeld</label>
<input id="eingabe" value="Hier kann man was eingeben">
<details>
  <summary>Erklärung</summary>
  <p>Hier steht eine langatmige Erklärung dazu, was das Eingabefeld bewirkt. Sie muss normalerweise unsichtbar sein, weil sie schlicht und ergreifend zu lang wäre.</p>
<details>

🖖 Живіть довго і процвітайте

--
„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“
— @Grantscheam auf Twitter