Există multe legende despre ei. Vreau să știu adevărul. Care sunt diferențele între următoarele două exemple?
<input tip='prezinte' valoare='text' />
<buton tip='prezinte'>text</butonul>
Nu sunt sigur în cazul în care veți obține legende, dar:
<butonul>
Ca și cu:
<button type="submit">(html content)</button>
IE6 va depune toate textele de pe acest buton între tag-uri, alte browsere vor depune doar valoarea. Folosind <butonul>
vă oferă mai multă libertate aspect asupra design de buton. În toate intențiile și scopurile, se pare excelent la început, dar diferite browser ciudatenii face greu pentru a folosi la ori.
În exemplul tău, IE6 va trimite "text" la server, în timp ce cele mai multe alte browsere va trimite nimic. Pentru a face cross-browser compatibil, utilizați <buton tip="trimiteți" value="text">text</butonul>
. Mai bine încă: don't de a folosi o valoare, pentru că dacă adăugați HTML devine destul de complicat ceea ce este primit pe partea de server. În schimb, dacă trebuie să trimiteți un plus de valoare, utilizați un câmp ascuns.
<input>
Ca și cu:
<input type="button" />
În mod implicit, acest lucru nu face mai nimic. Nici nu va depune formularul. Puteți plasa doar textul de pe buton și să dea o dimensiune și o frontieră prin intermediul CSS. La versiunea originală sale (și de curent) intenția a fost de a executa un script, fără necesitatea de a depune formularul la server.
<input>
Ca și cu:
<input type="submit" />
Ca prima, dar de fapt depune jur formă.
<input>
Ca și cu:
<input type="image" />
Ca fosta (submit), acesta va trimite, de asemenea, o formă, dar puteți folosi orice imagine. Acest lucru utilizate pentru a fi modul preferat de a folosi imagini ca butoane atunci când un formular este necesar de a trimite. Pentru mai mult control, <butonul>
este folosit acum. Acest lucru poate fi de asemenea utilizat pentru server-side image maps dar's o raritate in aceste zile. Atunci când utilizați usemap
-atribut și (cu sau fără acest atribut), browser-ul va trimite mouse-pointer X/Y coordonatele la server (mai precis, mouse-ul-indicatorul de localizare în interiorul butonul de momentul în care vă faceți clic pe el). Dacă ignorați aceste extra, nu este nimic mai mult decât un buton de submit deghizat ca o imagine.
Există unele diferențe subtile între browsere, dar toate vor depune valoare-atribut, cu excepția `
În rezumat :
<input type="submit">
<button type="submit"> Submit </button>
Ambele implicit va trage vizual un buton care efectuează aceeași acțiune (depune formularul).
Cu toate acestea, este recomandat să utilizați `