XCondividi su Facebook
XCondividi su Twitter
XCondividi su Google Plus
XCondividi su Linkedin
7Condividi su Facebook
14Condividi su Twitter
3Condividi su Google Plus
10Condividi su Linkedin

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

Altri 7 commenti su “Form Css Style
  1. flashmotus scrive:

    ottima raccolta sul tema form, complimenti e grazie

  2. Antonio scrive:

    Grazie per la citazione. Complimenti per l’articolo!

  3. DemoneRosso scrive:

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

  4. Ricky scrive:

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

  5. giuseppe scrive:

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

  6. bonomi6 scrive:

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

Segui Desmm
+ Segnala un
progetto
DesMM © 2002 - 2014 Design by Massimo Mastromarino.

Template CSS a colonne multiple

Effetto HDR tutorial (1parte)