|
|||
<p><input>...</p> semantisch korrekt?
Bei der Lektüre des Buches PHP Solutions: Dynamic Webdesign Made Easy von David Powers ist mir seine Formatierung von Formularen aufgefallen. Hier werden <input> tags mit <p> tags umschlossen.
Zitat:
|
Sponsored Links |
|
|||
Überrascht mich jetzt, da ich ein <input> niemals mit einem Absatz in Verbindung gebracht hätte. Da jedoch du dieser Meinung bist, wird es wohl so sein.
Danke für die Aufklärung. |
|
||||
Neben <label> benutze ich für Formulare gern Definitionslisten, z.B.
<dt><label for="bla">Bezeichung</label><dt><dd><input type="..." ... /></dd> Interessant ist auch die Idee, es in eine geordnete OL Liste zu verpacken: <ol> <li><label for="bla">Bezeichung</label> <input type="..." ... /></li> </ol> Schaltet man CSS ab, hat man ein sauberes und durchnummeriertes Formular. Find ich garnicht schlecht und recht semantisch
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
||||
Grundsätzlich eine gute Sache, allerdings hatten wir kürzlich eine lange Diskussion zu diesem Thema, mit dem Fazit, daß eine dl auf "doppelt gemoppelt" hinausläuft, da die bereits vorhandene Zuordnung von label und id durch das Stellen in dt und dd gedoppelt wird.
|
|
||||
In der Praxis hat sich - bei mir - die "p-label-input" Kombination mehr als durchgesetzt. Allerdings setzte ich hinter label kein br, weil ich es irgendwie (auch ohne CSS) schöner finde, wenn label neben dem input steht.
Die Sache mit dem ol habe ich auch schon des öfteren gesehen, ergibt aber wohl nur wirklich Sinn, wenn man etwas "nach der Reihe" abfragt, z.B. Adressdaten oder Sonstiges. Bei einem Kontaktformular finde ich es z.B. nicht sehr elegant. Aber da streiten sich - wie immer - die Geister.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
|
||||
Hauptsache ist - sauberes (X)HTML und CSS
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE6:Horizontales Menü wird unterschiedlich angezeigt:erst falsch, nach Reload korrekt | Ste | CSS | 0 | 25.02.2009 14:46 |
Darstellungsprobleme im IE7 - FF, Google Chrome zeigen korrekt | webrise | CSS | 6 | 05.09.2008 12:33 |
<dl> semantisch korrekt | daro | (X)HTML | 2 | 05.05.2006 21:54 |
[Projekt] vBulletin semantisch korrekt & tabellenlos | Lima | Site- und Layoutcheck | 0 | 28.02.2006 20:35 |
Navigation & Layout - Semantisch korrekt? | Lloyd Larkin | (X)HTML | 5 | 15.02.2006 01:42 |