Articoli Taggati ‘Form’

Guida HTML5: i form – parte 4

Ed eccoci, finalmente, all’ultima parte della guida dedicata ai form!

Nello scorso capitolo abbiamo introdotto nuovi tipi di input per gestire email, url, date, numeri ed altro. Quest’oggi, invece, affronteremo alcuni interessanti elementi come le datalist e le progress bar, e sperimenteremo l’interessante feature che ci permette di modificare, dal browser stesso, il codice html di elementi o, addirittura, di intere pagine! || Leggi altro »

Guida HTML5: i form – parte 3

Nei precedenti articoli di questa guida dedicati completamente ai form, abbiamo appreso, tra l’altro, come utilizzare i placeholder e le validazioni tramite le regular expression. Nel corso di questa terza parte, invece, esploreremo alcuni nuovi tipi di input introdotti dall’HTML5....

5 commenti

Guida HTML5: i form – parte 1

Nel corso di questo capitolo approfondiremo un aspetto fondamentale del web moderno: i form. L’HMTL5 non solo ha migliorato sensibilmente l’utilizzo degli elementi già presenti nei form, ma ne ha aggiunti numerosi altri. Ti sorprenderai di come adesso sia possibile...

9 commenti

Twitter Bootstrap: come implementare l’uso di form?

Eccoci alla terza lezione del corso sul Twitter Bootstrap. Abbiamo visto finora cos'è il Twitter Bootstrap e come utilizzare il suo potentissimo grid-system all'interno dei nostri progetti. Nella lezione di oggi ti spiegherò in dettaglio gli elementi HTML base e come...

17 commenti

Easy Form: Un piccolo fw per i tuoi form

E se ti dicessi che puoi creare un form di registrazione o di contatto o di quello che vuoi con validazione lato server, validazione lato client e tante altre amenità in due minuti? (altro…)

16 commenti

Form accessibile: la validazione e uno sguardo al futuro

Form accessibile: la validazione e uno sguardo al futuro

Eccoci qua, al terzo appuntamento con la realizzazione di un Form accessibile: dopo aver visto il codice (x)HTML ottimizzato per la struttura, i metodi CSS per posizionare gli elementi e per dare "anche all'occhio la sua parte",  oggi daremo "dinamicità"...

14 commenti

Form accessibile: come posizionare gli elementi e renderlo attraente?

Form accessibile: come posizionare gli elementi e renderlo attraente?

Ci eravamo lasciati con gran suspance, curiosi di vedere come il nostro brutto anatroccolo, di difficile comprensione, si sarebbe trasformato in uno splendido cigno... e ora sei pronto per seguirmi in questo processo di trasformazione attraverso il codice CSS? (altro…)

14 commenti

Come realizzare un form accessibile e con codice ottimizzato?

Come realizzare un form accessibile e con codice ottimizzato?

Dopo tanta teoria ed esempi di cosa non fare, oggi finalmente ci sporcheremo le mani con un po' di codice , andando a vedere come realizzare un form accessibile e con codice standard. Nella stragrande maggioranza dei casi infatti, i...

27 commenti

Come limitare i caratteri in una textarea?

Come limitare i caratteri in una textarea?

Molti di noi si sono certamente scontrati con l'impossibilità di limitare il numero di caratteri in una textarea, non esistendo l'attributo maxlength per questo tag. In questo articolo ti mostrerò una soluzione basata su jQuery funzionale e soprattutto usabile. Il...

9 commenti

Il web che verrà: come realizzeremo i moduli con HTML5?

Ultimamente in giro è un gran parlare di HTML5 e CSS3: allo stato attuale le specifiche a cui stanno lavorando i membri del W3C sono ancora in versione di bozza ma in un prossimo futuro entrambe sono destinate a stravolgere...

20 commenti

Come realizzare un modulo contatti in PHP?

Come realizzare un modulo contatti in PHP?

Negli articoli della guida sulla progettazione dei form, abbiamo visto tutti i vari elementi che compongono il markup degli elementi, come strutturarli in modo valido, e come integrare tali form con jQuery. In questa lezione vedremo come interfacciare un semplice...

64 commenti

Web design elements: come validare i form con jQuery?

Nelle scorse lezioni abbiamo visto come strutturare un form, e le scelte progettuali che ci sono alla base. Un aspetto importante che abbiamo trascurato è la gestione degli errori: hai mai compilato un lungo form per scoprire solo dopo averlo...

23 commenti

Web design elements: i form (design)

Web design elements: i form (design)

Nella scorsa lezione, abbiamo visto quali sono gli elementi principali che compongono i form, e quali sono i loro principali attributi. In questa lezione vedremo come strutturare i form con XHTML, come applicare degli stili di base e quali sono...

21 commenti

Web design elements: i form (le basi)

Web design elements: i form (le basi)

I form sono l'anima di Internet. Senza questi elementi, il Web così come lo conosciamo oggi non esisterebbe. Pensa ai siti di ecommerce,ai pannelli di amministrazione, social network, blog (e relativi commenti), senza form. Ma, come capita spesso, le cose...

10 commenti