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…

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

• Prettier Accessible Forms
• The Form Assembly – Form Layouts
• CSS Styling of forms, Stu Nicholls
• Semantic Horizontal Forms
• Trimming form fields
• Badboy Niceforms
• Functional Pretty Forms
• CSS-Only, Table-less Forms

Accessible Forms

• Free Form for All. Standardkonforme Online-Formulare
• Accessible CSS Forms
• Form Layout Templates
• Style Web Forms Using CSS
• XHTML Standard Forms

Techniques and further functionality

• Form Help without Popups
• Fun with forms – customized input elements
• Styling Form Fields
• AutoSuggest – An autocomplete text field with Ajax
• Really easy field validation with Prototype
• Scrollable Checklists
• Hide Optional Fields

Create Web-Forms online

• Icebrrg – HTML Web forms, surveys, and invitations…
• Wufoo – Build HTML Forms, Online Surveys and Invitations
• JotForm – a web based WYSIWYG form builder
• Accessify Form Builder
• FormLogix – Create web forms for free

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