nicht angemeldet
Gunnar Bittersmann@@Peha01
HTML und JS sind nun ganz und gar nicht meine Stärken😪
Dafür machst du bei der Beschriftund der Formularfelder schon vieles richtig. Aber nicht alles:
<label for="date">Von :</label> <input type="date" id="day_from" name="day_from" /> <input type="time" id="time_from" name="time_from" value="00:00" /><br> <label for="date">Bis :</label> <input type="date" id="day_to" name="day_to" /> <input type="time" id="time_to" name="time_to" value="23:59" /><br>
Es gibt kein Element mit der ID "date". Die Felder für Datum und die Felder für Uhrzeit haben keine Beschriftung.
Möglich wäre sowas:
<label id="label_date" hidden>Datum</label>
<label id="label_time" hidden>Uhrzeit</label>
<label id="label_from">Von:</label>
<input type="date" name="day_from" aria-labelledby="label_from label_date" />
<input type="time" name="time_from" value="00:00" aria-labelledby="label_from label_time" /><br>
<span id="label_from">Bis:</span>
<input type="date" name="day_to" aria-labelledby="label_to label_date" />
<input type="time" id="time_to" name="time_to" value="23:59" aria-labelledby="label_to label_time" /><br>
Die label-Elemente ohne for-Attribut könnten jetzt auch spans sein.
Auch möglich:
<fieldset>Von:</fieldset>
<label for="date_from" class="visually-hidden">Datum</label>
<input type="date" id="day_from" name="day_from" />
<label for="time_from" class="visually-hidden">Uhrzeit</label>
<input type="time" id="time_from" name="time_from" value="00:00" />
</fieldset>
<fieldset>Bis:</fieldset>
<label for="date_to" class="visually-hidden">Datum</label>
<input type="date" id="day_to" name="day_to" />
<label for="time_to" class="visually-hidden">Uhrzeit</label>
<input type="time" id="time_to" name="time_to" value="23:59" />
</fieldset>
mit den nötigen Angaben für visuelle Versecken. Und für fieldset den Rahmen mit CSS entfernen.
Willst du nun polyglotte Syntax (<input />) verwenden oder nicht (<br>)? Mal, mal so mach wenig Sinn.
<br> macht sowieso wenig Sinn. Zu Anordnen der Elemente ist CSS da. Sinnvoll dürfte sowas sein:
label {
display: block;
width: fit-content;
}
<input type="submit" value="Anzeigen"/>
Für Buttons solltest du aus Gründen nicht input, sondern button verwenden:
<button type="submit">Anzeigen</button>
Wobei type="submit" der Default ist, also nicht angegeben werden muss.
🖖 Живіть довго і процвітайте
„Ukončete, prosím, výstup a nástup, dveře se zavírají.“
Rolf B