Form Css Style

E’ stata fatta una selezione di validi css messi a disposizione per migliorare l’estetica dei Form. Un consiglio veloce e basilare che posso darvi per gestire al meglio l’area Form, che varia notevolmente da un browser all’altro, è quello eliminare margini e spaziature…

form css

Per chi non lo conoscesse, basta inserire all’interno del vostro voglio di stile:
form {
margin:0px;
padding:0px;
}

La gestione dei Form, soprattutto per chi è alle prime armi non è così immediata. Spesso ancora oggi io stesso sto a lottare con forme, dimensioni, posizioni non sempre facili da mantenere uguali sui vari browser come FireFox, IE6, IE7, Opera

Vi riporto una segnalazione dal buon Levysoft, di una collezione di stili CSS per Form. In questa potrete trovare sia compilatori di Form che semplici dimostrazioni da cui poter prendere spunto, ce ne sono di molto validi ed anche di molto avanzati che fruttano Form Ajax.

Developing Forms

Accessible Forms

Techniques and further functionality

Create Web-Forms online

Per vedere la lista completa, con tanto di anteprima immagine per ogni Form, vi rimando sulla fonte della news su www.smashingmagazine.com

7 Risposte a “Form Css Style”

  1. ottima raccolta sul tema form, complimenti e grazie

    Rispondi

  2. Grazie per la citazione. Complimenti per l’articolo!

    Rispondi

  3. Potevi direttamente postare la notizia di Smashing Magazine! ^^
    Molto utile!! ^^

    Rispondi

  4. Mi sa che questo articolo lo metto tra i preferiti! Grazie :D

    Rispondi

  5. Fonte molto utile..ci sarà da legger eun bel pò!!

    Rispondi

  6. con:
    form {
    margin:0px;
    padding:0px;
    }
    mi hai salvato la vita…sei un genio!

    Rispondi

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.