Oggi ripasserò i form. Il capitolo è molto lungo e impegnativo per cui oggi approfitto della funzione “Developer-view style” offerta dal bottone presente in alto a destra di ogni pagina delle specifiche.

[fac_icon icon=”caret-square-o-right” color=”#ff6600″ color_hover=”#3771c8″] Elemento form

L’elemento form permette di creare un modulo per interagire con l’utente, prevalentemente per fargli inserire delle informazioni (input). È il tag contenitore di tutto il modulo.

<form></form>

Gli attributi più importanti del tag form sono quelli che determinano il comportamento dell’invio del form al server e sono:

  • action: l’url per processare il form
  • method: il metodo di invio (se GET o POST)
  • enctype: il metodo di criptazione

Dispone di diversi tag sotto-elementi, ecco i più comuni:

  • label: rappresenta il titolo di un elemento del form (campo di testo o bottone, …)
  • input: rappresenta un elemento di input, il tipo è determinato dall’attributo type
  • button:  rappresenta un bottone, solitamente è presente per inviare i dati del modulo o eseguire delle funzioni all’interno della pagina
  • select: rappresenta un elenco di scelte
  • textarea: rappresenta un’area in cui inserire testi lunghi

Molti sono gli elementi e gli attributi per ciascun elemento. Metto tra i preferiti la pagina del W3C per una consultazione esaustiva, mentre mi riservo di riprendere in mano questa sezione per provare ciascun elemento in particolare quelli nuovi e meno tradizionali come progress e meter…

Infine mi segno mentalmente come ancora una volta bisogna porre attenzione all’argomento della sicurezza predisponendo controlli client-side e soprattutto server-side.