Autor |
Nachricht |
sahnemuh
Threadersteller
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Fr 13.10.2006 15:15
Titel [solved] Semantik bei Radiobuttons / Checkboxen und Labels |
|
|
Folgende Frage:
Wie löst ihr beschreibende Texte zu z.B Radiobuttons oder Checkboxen?
Das Label Tag bezieht sich ja auf das ganze "Set" von Elementen, es gibt aber kein "beschreibendes" Tag, was beispielsweise den Radiobuttons zugeordnet werden kann.
Beispiel:
Mein derzeitiges Konstrukt sieht so aus:
Code: |
<form name="xyz" id="xyz" method="post" action="xyz.php">
<fieldset>
<legend><span>Persönliche Angaben:</span></legend>
<label for="geschlecht">Ich bin:</label>
<p><input type="radio" name="geschlecht" value="maennlich" /> <span>Männlich</span></p>
<p><input type="radio" name="geschlecht" value="weiblich" /> <span>Weiblich</span></p>
[...]
</fieldset>
</form>
|
... so ganz sinnvoll erscheint mir das Ganze aber nicht, da der Paragraph ja als kennzeichnung textueller Absätze dient. Gibts da ne elegantere Lösung? (Und wenn ja welche?)
// Ok.. bin grade über eine Lösung gestolpert, mit der ich leben kann:
http://forum.de.selfhtml.org/archiv/2005/8/t113372/
demnach:
Code: | <form name="xyz" id="xyz" method="post" action="xyz.php">
<fieldset>
<legend><span>Persönliche Angaben:</span></legend>
<dl>
<dt><label for="geschlecht">Ich bin:</label></dt>
<dd><input type="radio" name="geschlecht" value="maennlich" /> <span>Männlich</span></dd>
<dd><input type="radio" name="geschlecht" value="weiblich" /> <span>Weiblich</span></dd>
</dl>
[...]
</fieldset>
</form> |
Zuletzt bearbeitet von sahnemuh am Fr 13.10.2006 15:24, insgesamt 3-mal bearbeitet
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 13.10.2006 17:59
Titel
|
|
|
naja, der einzig wirklich semantische weg wäre in meinen augen wohl:
Code: | <input type="radio" name="geschlecht" value="maennlich" id="m" />
<label for="m">Männlich</label>
<input type="radio" name="geschlecht" value="weiblich" id="w" />
<label for="w">Weiblich</label> |
da labels sich immer auf das eingabeelement beziehen (sollten) durch die es angewählt werden kann bzw soll. dein „ich bin“ sagt ja jetzt nichts aus über den logischen bezug zu den beiden einzelnen radiobuttons aus, die unter dem punkt auswählbar sind.
Zuletzt bearbeitet von beeviZ am Fr 13.10.2006 18:01, insgesamt 2-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
sahnemuh
Threadersteller
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Fr 13.10.2006 18:07
Titel
|
|
|
beeviZ hat geschrieben: | naja, der einzig wirklich semantische weg wäre in meinen augen wohl:
Code: | <input type="radio" name="geschlecht" value="maennlich" id="m" />
<label for="m">Männlich</label>
<input type="radio" name="geschlecht" value="weiblich" id="w" />
<label for="w">Weiblich</label> |
da labels sich immer auf das eingabeelement beziehen (sollten) durch die es angewählt werden kann bzw soll. dein „ich bin“ sagt ja jetzt nichts aus über den logischen bezug zu den beiden einzelnen radiobuttons aus, die unter dem punkt auswählbar sind. |
öh ja du hast recht.
theoretisch wäre das ganze eher ein fieldset mit der legend "Ich bin" und dann labels für die radiobuttons.
das passt mir aber so garnicht in mein konstrukt
naja. ich werde montag weiterdenken. nu is wochenende
|
|
|
|
|
ploehr
Dabei seit: 19.12.2005
Ort: UelzCoast
Alter: 43
Geschlecht:
|
Verfasst Mi 15.11.2006 15:41
Titel
|
|
|
Ich hab grad das gleiche Problem gehabt und bin auf folgendes gekommen:
Sieht gut aus und ist vailde (XHTML 1.0 Strict):
Code: | <form id="xyz" method="post" action="xyz.php">
<h1>Persönliche Angaben:</h1>
<fieldset>
<legend>Ich bin:</legend>
<input type="radio" id="geschlecht_m" name="geschlecht" value="maennlich" /><label for="geschlecht_m">männlich</label>
<input type="radio" id="geschlecht_w" name="geschlecht" value="weiblich" /><label for="geschlecht_w">weiblich</label>
</fieldset>
<fieldset>
<legend>Vom Typ bin ich eher:</legend>
<input type="checkbox" id="typ_di" name="typ" value="dick" /><label for="typ_di">dick</label>
<input type="checkbox" id="typ_do" name="typ" value="doof" /><label for="typ_do">doof</label>
</fieldset>
<fieldset>
<legend>Alles ausgefüllt?</legend>
<input type="submit" value="weg damit"/>
</fieldset>
</form>
|
definitionslisten halte ich definitiv für überflüssig im form-tag braucht man kein name, ich wüsste jedenfalls nicht wozu... die beiden zusätzlichen fieldsets habe ich eingefügt weil ich wissen wollte ob das erlaubt ist. ist es
ganz wichtig sind die ids, weil sonst for ins leere zeigt!
greetz ploehr
Zuletzt bearbeitet von ploehr am Mi 15.11.2006 15:45, insgesamt 1-mal bearbeitet
|
|
|
|
|
sahnemuh
Threadersteller
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Mi 15.11.2006 16:27
Titel
|
|
|
ja. problem an der geschichte ist, dass sich legends crossbrowser nicht ganz gleich formatieren lassen.
das mit den ids ist klar.. hatte ich im bsp nur vergessen (:
letztenendes ist dann sowas draus geworden:
Code: | <fieldset>
<legend style="display: none;">Persönliche Angaben</legend>
<!-- geschlecht -->
<h5 class="pflichtfeld"><span>Ich bin</span></h5>
<div class="formularfelder">
<input type="radio" class="kein-rand" id="geschlecht-maennlich" name="geschlecht" value="maennlich" />
<label for="geschlecht-maennlich">Männlich</label>
<input type="radio" class="kein-rand" id="geschlecht-weiblich" name="geschlecht" value="weiblich" />
<label for="geschlecht-weiblich">Weiblich</label>
</div>
<h5 class="pflichtfeld"><span>PLZ/Ort</span></h5>
<div class="formularfelder">
<label for="plz" class="unsichtbar">PLZ</label>
<input type="text" class="m-klein" id="plz" />
<label for="ort" class="unsichtbar">Ort</label>
<input type="text" class="gross" id="ort" />
[...]
</fieldset> |
Zuletzt bearbeitet von sahnemuh am Mi 15.11.2006 16:29, insgesamt 1-mal bearbeitet
|
|
|
|
|
ploehr
Dabei seit: 19.12.2005
Ort: UelzCoast
Alter: 43
Geschlecht:
|
Verfasst Mi 15.11.2006 17:11
Titel
|
|
|
meinst du den background? das ist blöd, stimmt. nal ne andere frage, warum packst du in die h5 noch nen span??
|
|
|
|
|
sahnemuh
Threadersteller
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Mi 15.11.2006 17:24
Titel
|
|
|
ploehr hat geschrieben: | meinst du den background? das ist blöd, stimmt. nal ne andere frage, warum packst du in die h5 noch nen span?? |
hat optische gründe. ich brauchte nen 2. container um nen padding einzubauen, damit mir das böse falsche IE boxmodel nicht nen strich durch meine feste größe des h5 tags macht. ich verteile auf container mit fester größe halt nie ein padding sondern pack immer noch irgendwas rein (oder benutze wenn möglich ein anderes, darum liegendes element) um innenabstände zu erzeugen. (:
Zuletzt bearbeitet von sahnemuh am Mi 15.11.2006 17:26, insgesamt 2-mal bearbeitet
|
|
|
|
|
ploehr
Dabei seit: 19.12.2005
Ort: UelzCoast
Alter: 43
Geschlecht:
|
Verfasst Do 16.11.2006 13:11
Titel
|
|
|
aha danke für die info!
|
|
|
|
|
|
|
|
Ähnliche Themen |
<html> frage zu checkboxen / radiobuttons...
semantik?
HTML->Semantik, verschachtelte Divs
PHP if-abfrage mit radiobuttons
[PHP] Radiobuttons und Textfelder
radiobuttons mit image verknüpfen
|
|