O folosești, hmm. bine, când doriți să plasați un buton pe pagina pe care utilizatorul poate face clic, nu? Din păcate, totul este puțin mai complicat. În principiu, acest lucru este aproape de adevăr, dar să studiem problema mai profundă.
Elementul în sine arată astfel:
element
Când se face clic pe un buton, anumite acțiuni sunt efectiv efectuate dacă se utilizează contextul corespunzător.
Un buton este un element de formular
Formularele web pot conține butoane pentru a efectua (confirma) acțiuni. S-ar putea să credeți că arată astfel:
Elementul din coajă
Cu toate acestea, formele pot avea și butoane anulare. Puteți duplica tipul de acțiune al butonului, schimbând comportamentul implicit executând (confirmând) acțiunea de anulare:
Dacă faceți clic pe acest buton, veți șterge toate celelalte câmpuri de intrare (și textare) din blocul părinte
Butoanele pot conține conținut
Motivul principal pentru utilizarea elementului
În timp ce vor fi salvate. acest conținut mixt va fi afișat pe ecran.
Din câte vă pot spune, nu există nicio restricție specială asupra a ceea ce puteți plasa în interiorul unui buton, astfel încât să puteți pune ceva în el, creând butoane cu adevărat bizare. Puteți utiliza și elemente pseudo.
Să lăsăm tema stilurilor pentru moment
Notă: "dacă butonul nu are un href valid, este doar un element"
Amintiți-vă, mai devreme am scris că acest subiect îmi oferă o adevărată plăcere. Aceasta este ceea ce ma inspirat să scriu acest articol. Mi-am imaginat câtă plăcere aș primi prin examinarea diferitelor incidente. Ca, de exemplu:
Dacă nu vă plac aceste legături fără sens, pentru
totuși
Chiar dacă
Dar putem face următoarele:
Când să utilizați link-uri
Aceasta este o îmbunătățire progresivă în ceea ce privește aplicarea mai bună a acesteia. De exemplu:
Probleme legate
Să presupunem că ai folosit o legătură de ancoră. Numai tu te-ai hotărât să te laudi că țineți pasul cu vremurile și folosiți progresul progresiv, deoarece există unele probleme.
Poți obține ceva de genul meu!
Dar voi înșivă nu sunteți încă în ordine. MDN examinează în detaliu această problemă:
Notă: Aveți grijă când marcați legăturile cu funcțiile butoanelor. Acțiunile butonului sunt de obicei apelate cu bara de spațiu, în timp ce acțiunile legăturilor sunt chemați prin tasta Enter.
Cu alte cuvinte, atunci când utilizați link-uri care ar trebui să se comporte ca butoane, adăugarea doar rol = "butonul" nu este de ajuns.
De asemenea, va fi necesar să adăugați o cheie de acționare a acțiunii care va răspunde la apăsarea barei de spațiu pentru a asigura conformitatea cu butonul original.
Ce se întâmplă? Activezi legăturile și butoanele cu diferite taste. Deci, ia în considerare acest lucru.
Ei bine, asta e tot. Și hmm. face lucrurile interactive corect.
Traducerea articolului "Când să folosești elementul butonului" a fost pregătită de echipa prietenoasă a proiectului Saitostroenie de la A la Z.