Ich versuche, die Menge an HTML-Markup in Bezug auf die Präsentation in meinem Front-End-Code zu reduzieren. In einem Formular, an dem ich gerade arbeite, möchte ich 2 Spalten mit Formularfeldern haben. Ein Weg, der definitiv das macht, was ich will, ist dies:
%Vor%Ich möchte die gleichen Ergebnisse erzielen, wenn sie im Browser OHNE die div-Tags im Markup dargestellt werden. Also habe ich so etwas gemacht:
%Vor% Das ist knapp, aber ich möchte, dass das <label> Markup-Tag vor jedem <input> Markup-Tag im Code wie folgt erscheint:
Aber das Problem ist, dass ich nicht an einen wartbaren CSS-Code denken kann, der das Etikett über jedem Eingabefeld erscheinen lässt. Gibt es eine gute Möglichkeit, sowohl die Markierung als auch das gerenderte Ergebnis so darzustellen, wie ich es möchte?
Eine Lösung besteht darin, die Eingabe innerhalb des Etiketts zu platzieren.
%Vor%dann Beispiel CSS ..
%Vor%oder
%Vor%Seems Hacky, aber das funktioniert.
mit class="col1" oder class="col2" ...
HTML:
%Vor%CSS:
%Vor% Das heißt, ich stimme immer noch mit dem ersten Kommentar unter der Frage überein, scheint wie eine Lösung zu überlegen, die divs oder eine Art <label> & amp; <input> wrapper