|
|||
(Listen)Layout für Formulare
Was haltet ihr von diesem Lösungsansatz:
Zitat:
Bisher sehen meine Formulare in etwa so aus: Code:
<fieldset> <legend>Kontaktformular</legend> <p><label>Vorname:<br> <input type="text" id="vorname" name="vorname" size="30" value=""></label><p> <p><label>Nachname:<br> <input type="text" id="nachname" name="nachname" size="30" value=""></label></p> <p><label>Ihre <span lang="en">E–Mail</span>:<br> <input type="text" id="email" name="email" size="30" value=""></label></p> <p><label>Ihre Nachricht:<br> <textarea class="maxlength max_1000" id="maxLength" name="nachricht" rows="10" cols="30"></textarea></label></p> <input type="submit" value=" Senden " name="submit" title="Nachricht absenden"> </fieldset> |
Sponsored Links |
|
|||
Falsch ist es vermutlich nicht, aber ich seh auch keinen großen Vorteil darin. Eine Variante mit der Definitionsliste kann man sich eventuell noch überlegen, da man sozusagen zwischen Label und Kontrollfeld dadurch eine weitere Verbindung herstellt. Es ist aber fraglich ob jeder der Meinung ist, dass eine Definitionsliste der richtige weg ist. Bei ner normalen Liste sehe ich hingegen gar keinen Vorteil.
Semantisch gesehen finde ich deine bisherige Vorgehensweise absolut in Ordnung (mach ich auch meistens so). |
Sponsored Links |
|
||||
Ich benutze schon seit langem Listen in Formularen, da dann das ganze auch ohne CSS ganz gut aussieht und ich alle Freiheiten beim Gestalten habe, die man braucht.
<p> Finde ich etwas unangebracht, da für mich das eine Auflistung von Formularelementen ist, und nicht ein zusammenhängender Text, der in Paragraphen unterteilt ist. Aber ich denke jedem das Seine
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an Milian Wolff | Markdownify | Typogridder |
|
||||
Zitat:
In der Spezifikation http://www.edition-w3.de/TR/1999/REC...tml#edef-LABEL wird dies BTW auch nicht getan. Zu den Elementen zur Auszeichnung von Formularen allgemein: Ein blinder Bekannter, der sich auch mit Barrierfreiheit von Webseiten beschäftigt, sagte mir, dass er TH neben TD (also zweispaltig) für die am leichtesten nutzbare Auszeichnung hält. Ich als Sehender ziehe ebenfalls das Nebeneinander von Bezeichnung und Formularfeld dem Nacheinander vor. Beispiel: Code:
<fieldset> <legend>Newsletter bestellen/abbestellen</legend> <table> <tfoot> <tr> <td colspan="2"> <input type="submit" name="art" value="Anmelden" /> <input type="submit" name="art" value="Abmelden" /> </td> </tr> </tfoot> <tbody> <tr> <th scope="row"> <label for="name">Name</label> </th> <td> <input type="text" name="name" id="name" /> </td> </tr> <tr> <th scope="row"> <label for="email">E-Mail</label> </th> <td> <input type="text" name="email" id="email" /> </td> </tr> </tbody> </table> </fieldset> Code:
<fieldset> <legend>...</legend> <div> <label>...</label> <input ... /> </div> <div> <label>...</label> <input ... /> </div> </fieldset>
__________________
Geändert von AndreasB (31.07.2006 um 18:41 Uhr) |
|
||||
Zitat:
|
Sponsored Links |
|
||||
Bezeichner und Formularfelder können als Daten aufgefasst werden.
Eine Datentabelle ordnet diese Daten präzise einander zu. Furchtbar kann ich diese Auszeichnung daher nicht finden. Wenn ich zwischen DT+DD und TH+TD werten müsste, fiele meine Urteil deutlich für TH+TD aus.
__________________
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Formulare bearbeiten | Nördy | CSS | 6 | 27.06.2015 18:08 |
Komplexe Formulare: Aufbau, Sicherheit etc. | David | Serveradministration und serverseitige Scripte | 2 | 23.02.2011 14:19 |
Cakephp's Formulare zentrieren | hailander | CSS | 1 | 28.09.2010 00:37 |
Formularfeld für mehrere Formulare nutzen? | derMatze | (X)HTML | 4 | 02.09.2009 19:54 |
Formulare und Schaltflächen in Opera...? | lindstrom | CSS | 4 | 08.03.2006 17:37 |