CSS Templates für Formulare

[LudwigM]

Hi,
ich habe ein Formular mit einigen input-Elementen (radio, checkbox). Das Ganze sieht ohne CSS natürlich nicht gut aus. Besonders auf mobilen Geräten ist das Formular nur sehr umständlich zu bedienen.
Gibt es Templates bzw. eine style.css Datei, die das Formular entsprechend zentriert ausrichten und ein wenig ansehnlicher machen?

Gruß Ludwig

 

[Gelöschtes Mitglied 36401]

Wenn du eine CSS-Datei dazu schreibst, dann gibt es sie

Klick mich

 

[LudwigM]

Ja klar....
aber da es doch eine wiederkehrende Sache ist, könnte es doch im Internet solche Vorlagen geben, sodass nicht jeder das Rad neu erfinden muss

 

[Gelöschtes Mitglied 36401]

Du möchtest dein Formular in schwarz/weiß haben, der Nächste in schwarz gelb, und der Nächste in rot weiß. Soll es für alles mögliche Vorlagen geben? Nur du kannst wissen, wie dein Formular aussehen soll. Was du machen kannst, siehe dir Bootstrap an, obwohl ich da kein Freund von bin.

 

[LudwigM]

Farben sind mir eigentlich (erstmal) egal. Wichtig ist, dass es auf mobilen Geräten schön zentriert und groß genug angezeigt wird. Und der Code dazu ist ja wahrscheinlich fast immer gleich. Solche Vorlagen kann man dann ja noch anpassen (z.B. Farben) aber immerhin muss man nicht von vorne bis hinten alles selber schreiben, obwohl es fast immer gleich ist...

 

[Gelöschtes Mitglied 36401]

Aha, und die Vorlagen kennen alle deine Seite und wissen, wie viel Platz vorhanden ist und welche Abstände ratsam sind?

Aber wenn du mal google bemühst, findest du einiges, was du aber sowieso anpassen musst.

 

[LudwigM]

Oder gibt es Tools, die einem beim Designen helfen? Per Drag&Drop zum Beispiel?
Also ein UI mit dem man sich die Elemente zusammen klickt und im Hintergrund der CSS Code generiert wird?

 

[Gelöschtes Mitglied 36401]

Nein, gibt es nicht. Zumindest nichts vernünftiges.

Hier mal ein Beipsiel: https://www.w3schools.com/css/tryit.asp?filename=trycss_form_responsive

 

[jonas3344]

Nennt sich CSS-Framework, damit hast du einen Basis wo du Deine Formulare weiter gestalten kannst. Je nachdem was du machst reicht es evtl. sogar schon:

19 CSS-Frameworks für 2025 ["Übersicht und Vergleich"]

CSS-Frameworks für 2025 in der Übersicht. Beliebte und angesagte Frontend-Frameworks wie Bootstrap, Tailwind, Bulma, Milligram und mehr.

www.designerinaction.de

Bootstrap ist wohl das Bekannteste:

Bootstrap

Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.

getbootstrap.com