5 risorse per creare form in HTML5
Venerdì 12 Agosto 2011 - 10:00
di Claudio Garau
Con questo post, dedicato ai principianti dell’HTML5, desidero proporre alcuni link a tutorial e approfondimenti dedicati alla realizzazione di form utilizzando l’ultima versione del noto linguaggio di markup per le pagine Web. L’elenco presenta 5 risorse, selezionate in particolare per la semplicità con cui vengono esposti gli argomenti trattati, ma potrà naturalmente essere integrato con nuove voci.
- The New and Improved Way to Create Forms with HTML5: nuovi elementi e proprietà, Place Holder, AutoFocus e input types, a disposizione degli sviluppatori;
- New HTML5 Form Features: uno screencast per chi preferisce i video-tutorial, disponibili anche i sorgenti dei form elaborati;
- A Form of Madness: un capitolo della guida Dive Into HTML5 talmente completo che meriterebbe di essere citato da solo;
- Build a Neat HTML5 Powered Contact Form: un progetto per la realizzazione di un modulo per i contatti basato su l’HTML5 boilerplate
- Designing Modern Web Forms with HTML 5 and CSS3: fornisce tutti gli elementi necessari per la realizzazione e la stilizzazione.
Dato che le specifiche ufficiali di HTML5 non saranno disponibili fino al 2014 e che non tutti i browser supportano i nuovi elementi per i form nello stesso modo, è per ora molto importante utilizzare gli strumenti proposti con cautela per siti in fase di produzione.
Categoria: Bookmark | Permalink
Commenti
1
Ho guardato alcune demo dell’ultima risorsa da voi consigliata e sono davvero fantastiche.
Vi chiedo una cosa, se io uso il form standard di aweber posso crearne uno con le risorse qui sopra esposte e comunque collegarli poi ad aweber?
Saluti
# - postato da Prestiti Inpdap - 13 Agosto 2011 - 11:11
2
Grazie per quest’ottimo post.
3
Usando i nuovi pseudo selettori CSS3 è possibile dare alla form alcuni comportamenti dinamici sulla base dello stato dei propri elementi. Un semplice esempio ? Aggiungere via CSS l’asterisco ‘*’ ai campi con attributo ‘required’ (demo)
# - postato da Sandro Paganotti - 14 Agosto 2011 - 13:43