Unul dintre cele mai intalnite elemente intr-o pagina sunt butoanele. Dar nu toate dintre acestea sunt butoane propriu-zise ci sunt facute sa arate ca atare.
Un buton in HTML se creeaza astfel:
<button>Un buton</button>
Iar rezultatul este:
Un buton are mai multe roluri printre care acela de a trimite un formular (atunci cand avem mai multe elemente de tip input grupate) sau acela de a permite alte actiuni (precum aceea de a accepta Termenii si conditii).
Butonul este un element destul de general si poate fi folosit pentru a crea interactivitate intr-un site prin faptul ca permite tot felul de actiuni.
Atribute
Pe langa atributele general de id si class, tag-ul mai accepta si:
type
Acesta este cel mai important atribut pentru ca schimba cel mai mult comportamentul butonului. Ca valori, acest atribut poate primi:
-
submit: aceasta este valoare prestabilita (default) si se foloste intr-un formular cand vrem sa il trimitem la server.
<button type="submit">Trimite</button> -
reset: un buton cu aceasta valoare pentru type se foloseste tot intr-un formular cand vrem ca cel ce-l completeaza sa stearga toate datele pe care le-a introdus. Nu este foarte des intalnit, dar folositor.
Acestea este cel mai intalnit atribut, lista completa o puteti citi pe MDN.
Asadar un buton cel mai des este intalnit intr-un formular, dar de fapt il putem folosi oriunde in pagina si folosind JavaScript ii putem schimba actiunea atunci cand se apasa pe el.