javascript bearbeitet von Gunnar Bittersmann 26.03.2025 11:20 @@Gunnar Bittersmann> Dazu setzt du das, was anfangs nicht zu sehen sein soll, in ein Element mit `hidden`-AttributJa, aber nicht in irgendeins. Dazu gleich.Vorher noch:> ```html,bad> <p id="Aufgabe1" style="font-size: 10pt;text-align:left;font-weight:bold;">> ````pt` ist keine gute Einheit für die Bildschirmausgabe. Ich musste erstmal nachsehen, wieviel das ist: ⅟₇₂ Zoll. Mit 1in = 96px ergibt sich also 1pt = 1.33px.Schriftgröße von 13.3px ist ziemlich mickrig, das solltest du Lesern nicht zumuten. Mach lieber keine Angabe zur Schriftgröße, dann gilt die Grundeinstellung des Browsers.---> ```html> Für 6 Tage Aushilfsarbeit bekommt ein Schüler 546 €. Wie viel € bekommt er für 76 Tage?> ```Zwischen Zahl und Einheit sollte kein Zeilenumbruch stattfinden. Deshalb *non-breaking-space*{:@en} (geschütztes Leerzeichen) dazwischen:```html,good Für 6 Tage Aushilfsarbeit bekommt ein Schüler 546 €. Wie viel € bekommt er für 76 Tage?```---> ```html,bad> <input type=text; maxlength=4; style=width:40>> ````width: 40`{:.language-css.bad} ist kein gültiges CSS; die Angabe sollte gar nicht wirken. Wenn sie doch wirkt, hast du die Seite im [Quirks-Modus](https://wiki.selfhtml.org/wiki/Quirks_Mode).[^1] Das solltest du tunlichst vermeiden und mit `<!DOCTYPE html>` den Standard-Modus aktivieren.Und dann `width: 40px` schreiben – wobei aber Längenangaben in `px` meist nicht gut sind. Besser: relativ zur Schriftgröße in `em` bzw. `rem` angeben.[^1]: Fun fact: ich verwende Längenangaben ohne Einheit so gut wie täglich – in der [CSSBattle](https://cssbattle.dev/). Ansonsten: nein, nicht tun.---> ```html,bad> <span id="Aufgabe1-Ergänzung" hidden>> Ergebnis:> <input type=text; maxlength=4; style=width:40>> €>> <BR>> Tragen Sie das Ergebnis auf 2 Stellen nach dem Komma genau ein.> </span>> ```Nun zum oben erwähnten Fehler: Das Eingabefeld hat keine Beschriftung. Muss es aber haben: [per `label`](https://developer.mozilla.org/de/docs/Web/HTML/Element/label).Ich würde hier nicht nur „Ergebnis:“ als Label-Text nehmen, sondern auch „€“ und den Hinweis „Tragen Sie das Ergebnis auf 2 Stellen nach dem Komma genau ein“ mit einbeziehen. Also alles, was sich in dem `span` befindet. Wir brauchen dann kein zusätzliches Element, sondern machen aus dem `span` ein `label`:```html <label id="Aufgabe1-Ergänzung" hidden> Ergebnis: <input type=text; maxlength=4; style=width:40px> €> <BR> Tragen Sie das Ergebnis auf 2 Stellen nach dem Komma genau ein. </label>```Da sich das `input` innerhalb des `label` befindet, ist die Zuordnung der Beschriftung zum Eingabefeld gegeben.[^2][^2]: Außer für eine gewisse Microsoft-Vorlesesoftware. Deshalb wird angeraten, die Zuordnung auch in diesem Fall mit `for`- und `id`-Attributen anzugeben.---Darin fällt noch auf:> ```html,bad> €>> ```Das `>` am Ende ist ein Unfall?> ```html,bad> <BR>> ````br` sollte man nur für Zeilenumbrüche bspw. bei Gedichten oder Postadressen verwenden. Hier wäre der Hinweis in ein `span` zu packen und dieses auf `display: block` zu setzen.Jolan tru{:@art-x-romulan}-- Wenn der Faschismus wiederkehrt, wird er nicht sagen „Hallo, ich bin der Faschismus.“ Er wird sagen: „Ich suche in diesem Deutschen Bundestag keine anderen Mehrheiten als die in der demokratischen Mitte. Wenn es heute eine solche Mehrheit gegeben hat, bedauere ich das.“ (Friedrich Merz)
javascript bearbeitet von Gunnar Bittersmann 27.03.2025 09:07 @@Gunnar Bittersmann> Dazu setzt du das, was anfangs nicht zu sehen sein soll, in ein Element mit `hidden`-AttributJa, aber nicht in irgendeins. Dazu gleich.Vorher noch:> ```html,bad> <p id="Aufgabe1" style="font-size: 10pt;text-align:left;font-weight:bold;">> ````pt` ist keine gute Einheit für die Bildschirmausgabe. Ich musste erstmal nachsehen, wieviel das ist: ⅟₇₂ Zoll. Mit 1in = 96px ergibt sich also 1pt = 1.33px.Schriftgröße von 13.3px ist ziemlich mickrig, das solletest du Lesern nicht zumuten. Mach lieber keine Angabe zur Schriftgröße, dann gilt die Grundeinstellung des Browsers.---> ```html> Für 6 Tage Aushilfsarbeit bekommt ein Schüler 546 €. Wie viel € bekommt er für 76 Tage?> ```Zwischen Zahl und Einheit sollte kein Zeilenumbruch stattfinden. Deshalb *non-breaking-space*{:@en} (geschütztes Leerzeichen) dazwischen:```html,good Für 6 Tage Aushilfsarbeit bekommt ein Schüler 546 €. Wie viel € bekommt er für 76 Tage?```---> ```html,bad> <input type=text; maxlength=4; style=width:40>> ````width: 40`{:.language-css.bad} ist kein gültiges CSS; die Angabe sollte gar nicht wirken. Wenn sie doch wirkt, hast du die Seite im [Quirks-Modus](https://wiki.selfhtml.org/wiki/Quirks_Mode).[^1] Das solltest du tunlichst vermeiden und mit `<!DOCTYPE html>` den Standard-Modus aktivieren.Und dann `width: 40px` schreiben – wobei aber Längenangaben in `px` meist nicht gut sind. Besser: relativ zur Schriftgröße in `em` bzw. `rem` angeben.[^1]: Fun fact: ich verwende Längenangaben ohne Einheit so gut wie täglich – in der [CSSBattle](https://cssbattle.dev/). Ansonsten: nein, nicht tun.---> ```html,bad> <span id="Aufgabe1-Ergänzung" hidden>> Ergebnis:> <input type=text; maxlength=4; style=width:40>> €>> <BR>> Tragen Sie das Ergebnis auf 2 Stellen nach dem Komma genau ein.> </span>> ```Nun zum oben erwähnten Fehler: Das Eingabefeld hat keine Beschriftung. Muss es aber haben: [per `label`](https://developer.mozilla.org/de/docs/Web/HTML/Element/label).Ich würde hier nicht nur „Ergebnis:“ als Label-Text nehmen, sondern auch „€“ und den Hinweis „Tragen Sie das Ergebnis auf 2 Stellen nach dem Komma genau ein“ mit einbeziehen. Also alles, was sich in dem `span` befindet. Wir brauchen dann kein zusätzliches Element, sondern machen aus dem `span` ein `label`:```html <label id="Aufgabe1-Ergänzung" hidden> Ergebnis: <input type=text; maxlength=4; style=width:40px> €> <BR> Tragen Sie das Ergebnis auf 2 Stellen nach dem Komma genau ein. </label>```Da sich das `input` innerhalb des `label` befindet, ist die Zuordnung der Beschriftung zum Eingabefeld gegeben.[^2][^2]: Außer für eine Microsoft-Vorlesesoftware. Deshalb wird angeraten, die Zuordnung auch in diesem Fall mit `for`- und `id`-Attributen anzugeben.---Darin fällt noch auf:> ```html,bad> €>> ```Das `>` am Ende ist ein Unfall?> ```html,bad> <BR>> ````br` sollte man nur für Zeilenumbrüche bspw. bei Gedichten oder Postadressen verwenden. Hier wäre der Hinweis in ein `span` zu packen und dieses auf `display: block` zu setzen.Jolan tru{:@art-x-romulan}-- Wenn der Faschismus wiederkehrt, wird er nicht sagen „Hallo, ich bin der Faschismus.“ Er wird sagen: „Ich suche in diesem Deutschen Bundestag keine anderen Mehrheiten als die in der demokratischen Mitte. Wenn es heute eine solche Mehrheit gegeben hat, bedauere ich das.“ (Friedrich Merz)
javascript bearbeitet von Gunnar Bittersmann 27.03.2025 09:06 @@Gunnar Bittersmann> Dazu setzt du das, was anfangs nicht zu sehen sein soll, in ein Element mit `hidden`-AttributJa, aber nicht in irgendeins. Dazu gleich.Vorher noch:> ```html,bad> <p id="Aufgabe1" style="font-size: 10pt;text-align:left;font-weight:bold;">> ````pt` ist keine gute Einheit für die Bildschirmausgabe. Ich musste erstmal nachsehen, wieviel das ist: ⅟₇₂ Zoll. Mit 1in = 96px ergibt sich also 1pt = 1.33px.Schriftgröße von 13.3px ist ziemlich mickrig, das solletst du Lesern nicht zumuten. Mach lieber keine Angabe zur Schriftgröße, dann gilt die Grundeinstellung des Browsers.---> ```html> Für 6 Tage Aushilfsarbeit bekommt ein Schüler 546 €. Wie viel € bekommt er für 76 Tage?> ```Zwischen Zahl und Einheit sollte kein Zeilenumbruch stattfinden. Deshalb *non-breaking-space*{:@en} (geschütztes Leerzeichen) dazwischen:```html,good Für 6 Tage Aushilfsarbeit bekommt ein Schüler 546 €. Wie viel € bekommt er für 76 Tage?```---> ```html,bad> <input type=text; maxlength=4; style=width:40>> ````width: 40`{:.language-css.bad} ist kein gültiges CSS; die Angabe sollte gar nicht wirken. Wenn sie doch wirkt, hast du die Seite im [Quirks-Modus](https://wiki.selfhtml.org/wiki/Quirks_Mode).[^1] Das solltest du tunlichst vermeiden und mit `<!DOCTYPE html>` den Standard-Modus aktivieren.Und dann `width: 40px` schreiben – wobei aber Längenangaben in `px` meist nicht gut sind. Besser: relativ zur Schriftgröße in `em` bzw. `rem` angeben.[^1]: Fun fact: ich verwende Längenangaben ohne Einheit so gut wie täglich – in der [CSSBattle](https://cssbattle.dev/). Ansonsten: nein, nicht tun.---> ```html,bad> <span id="Aufgabe1-Ergänzung" hidden>> Ergebnis:> <input type=text; maxlength=4; style=width:40>> €>> <BR>> Tragen Sie das Ergebnis auf 2 Stellen nach dem Komma genau ein.> </span>> ```Nun zum oben erwähnten Fehler: Das Eingabefeld hat keine Beschriftung. Muss es aber haben: [per `label`](https://developer.mozilla.org/de/docs/Web/HTML/Element/label).Ich würde hier nicht nur „Ergebnis:“ als Label-Text nehmen, sondern auch „€“ und den Hinweis „Tragen Sie das Ergebnis auf 2 Stellen nach dem Komma genau ein“ mit einbeziehen. Also alles, was sich in dem `span` befindet. Wir brauchen dann kein zusätzliches Element, sondern machen aus dem `span` ein `label`:```html <label id="Aufgabe1-Ergänzung" hidden> Ergebnis: <input type=text; maxlength=4; style=width:40px> €> <BR> Tragen Sie das Ergebnis auf 2 Stellen nach dem Komma genau ein. </label>```Da sich das `input` innerhalb des `label` befindet, ist die Zuordnung der Beschriftung zum Eingabefeld gegeben.[^2][^2]: Außer für eine Microsoft-Vorlesesoftware. Deshalb wird angeraten, die Zuordnung auch in diesem Fall mit `for`- und `id`-Attributen anzugeben.---Darin fällt noch auf:> ```html,bad> €>> ```Das `>` am Ende ist ein Unfall?> ```html,bad> <BR>> ````br` sollte man nur für Zeilenumbrüche bspw. bei Gedichten oder Postadressen verwenden. Hier wäre der Hinweis in ein `span` zu packen und dieses auf `display: block` zu setzen.Jolan tru{:@art-x-romulan}-- Wenn der Faschismus wiederkehrt, wird er nicht sagen „Hallo, ich bin der Faschismus.“ Er wird sagen: „Ich suche in diesem Deutschen Bundestag keine anderen Mehrheiten als die in der demokratischen Mitte. Wenn es heute eine solche Mehrheit gegeben hat, bedauere ich das.“ (Friedrich Merz)
javascript bearbeitet von Gunnar Bittersmann 26.03.2025 14:44 @@Gunnar Bittersmann > Dazu setzt du das, was anfangs nicht zu sehen sein soll, in ein Element mit `hidden`-Attribut Ja, aber nicht in irgendeins. Dazu gleich. Vorher noch: > ```html,bad > <p id="Aufgabe1" style="font-size: 10pt;text-align:left;font-weight:bold;"> > ``` `pt` ist keine gute Einheit für die Bildschirmausgabe. Ich musste erstmal nachsehen, wieviel das ist: ⅟₇₂ Zoll. Mit 1in = 96px ergibt sich also 1pt = 1.33px. Schriftgröße von 13.3px ist ziemlich mickrig, das solletst du Lesern nicht zumuten. Mach lieber keine Angabe zur Schriftgröße, dann gilt die Grundeinstellung des Browsers. --- > ```html > Für 6 Tage Aushilfsarbeit bekommt ein Schüler 546 €. Wie viel € bekommt er für 76 Tage? > ``` Zwischen Zahl und Einheit sollte kein Zeilenumbruch stattfinden. Deshalb *non-breaking-space*{:@en} (geschütztes Leerzeichen) dazwischen: ```html,good Für 6 Tage Aushilfsarbeit bekommt ein Schüler 546 €. Wie viel € bekommt er für 76 Tage? ``` --- > ```html,bad > <input type=text; maxlength=4; style=width:40> > ``` `width: 40`{:.language-css.bad} ist kein gültiges CSS; die Angabe sollte gar nicht wirken. Wenn sie doch wirkt, hast du die Seite im [Quirks-Modus](https://wiki.selfhtml.org/wiki/Quirks_Mode).[^1] Das solltest du tunlichst vermeiden und mit `<!DOCTYPE html>` den Standard-Modus aktivieren. Und dann `width: 40px` schreiben – wobei aber Längenangaben in `px` meist nicht gut sind. Besser: relativ zur Schriftgröße in `em` bzw. `rem` angeben. [^1]: Fun fact: ich verwende Längenangaben ohne Einheit so gut wie täglich – in der [CSSBattle](https://cssbattle.dev/). Ansonsten: nein, nicht tun. --- > ```html,bad > <span id="Aufgabe1-Ergänzung" hidden> > Ergebnis: > <input type=text; maxlength=4; style=width:40> > €> > <BR> > Tragen Sie das Ergebnis auf 2 Stellen nach dem Komma genau ein. > </span> > ``` Nun zum oben erwähnten Fehler: Das Eingabefeld hat keine Beschriftung. Muss es aber haben: [per `label`](https://developer.mozilla.org/de/docs/Web/HTML/Element/label). Ich würde hier nicht nur „Ergebnis:“ als Label-Text nehmen, sondern auch „€“ und den Hinweis „Tragen Sie das Ergebnis auf 2 Stellen nach dem Komma genau ein“ mit einbeziehen. Also alles, was sich in dem `span` befindet. Wir brauchen dann kein zusätzliches Element, sondern machen aus dem `span` ein `label`: ```html <label id="Aufgabe1-Ergänzung" hidden> Ergebnis: <input type=text; maxlength=4; style=width:40px> €> <BR> Tragen Sie das Ergebnis auf 2 Stellen nach dem Komma genau ein. </label> ``` Da sich das `input` innerhalb des `label` befindet, ist die Zuordnung der Beschriftung zum Eingabefeld gegeben.[^2] [^2]: Außer für eine Microsoft-Vorlesesoftware. Deshalb wird angeraten, die Zuordnung auch in diesem Fall mit `for`- und `id`-Attributen anzugeben. --- Darin fällt noch auf: > ```html,bad > €> > ``` Das `>` am Ende ist ein Unfall? ```html,bad <BR> ``` `br` sollte man nur für Zeilenumbrüche bspw. bei Gedichten oder Postadressen verwenden. Hier wäre der Hinweis in ein `span` zu packen und dieses auf `display: block` zu setzen. Jolan tru {:@art-x-romulan} -- Wenn der Faschismus wiederkehrt, wird er nicht sagen „Hallo, ich bin der Faschismus.“ Er wird sagen: „Ich suche in diesem Deutschen Bundestag keine anderen Mehrheiten als die in der demokratischen Mitte. Wenn es heute eine solche Mehrheit gegeben hat, bedauere ich das.“ (Friedrich Merz)
nicht angemeldet nicht angemeldet
