HTML button, i vari attributi
7 gennaio 2014  //  By:   //  Html  //  No Comment   //   1536 Views

Il bottone <button/> in html è un elemento molto importante specialmente quando si vogliono costruire i form per la compilazione degli input.

Dopo la costruzione del nostro form andiamo ad inserire il bottone cliccabile. Tramite l’attributo type si specifica il tipo di pulsante.

Suggerimento: Specificare sempre l’attributo type per l’elemento <button>, perché diversi browser potrebbero utilizzare diversi tipi di default per l’elemento <button>.

Come vediamo i vari type sono:

  • button, rende semplicemente il bottone cliccabile
  • submit, permette di inviare tramite metodo ciò che è stato inserito nel vostro form
  • reset, riporta i campi al valore iniziale impostato
  • menu, mostra un menù

Esempio del bottone in un form html

Inoltre possiamo dire che il tipo button è molto simile a quello input ma offre maggiori possibilità grafiche, infatti possono contere sia testo che immagini.

Altri attributi importati per questo tipo di tag sono:

  • autofocus: (solo Html5) indica che il button deve essere evidenziato e pronto a ricevere l’input dall’utente quando il documento è caricato.
  • disabled: disattiva il controllo dell’input da parte dell’utente, questo può essere riattivato tramite script.
  • form: (form=”id”) (solo html5) associa il controllo dell’input direttamente al modulo ad esso associato, così facendo questo controllo può essere esplicito e non essere per forza figlio dell’elemento form.
  • value: (value=”testo”) assegna un valore al controllo del pulsante
  • menu: (menu=”testo”) (solo Html5) se l’attributo di tipo type è impostato su menu allora a questo attributo è richiesto di fornire un ID di un elemento della pagina con il type=”popup”.
  • formmethod=”get|post”: può essere utilizzato solo con pulsanti di tipo submit e serve a specificare che tipo di metodo http usare
  • formtarget= “nome”: usato per pulsanti di tipo submit, ha la stessa funzione dell’attributo target, cioè specifica la finestra di destinazione dove si dovrà visualizzare il risultato del modulo.
About the Author :

BI CONSULTING. Studente di Ingegneria Informatica, Sistemista Linux e appassionato di tutto ciò che sia tecnologico ma soprattutto Open Source. Distro: Debian e Arch LInux. Smartphone: Nexus / Lg G2 Buona Lettura  Visualizza il profilo su Linkedln

Leave a reply