Buna draga cititor de blog LifeExample. Vă amintiți cum să se uite resurse on-line la începutul construcției site-ului? sfarsitul secolului 20 site-uri au fost doar din lemn și pur informativ, iar designul a fost doar un indiciu al unui viitor mai bun. Iar viitorul se apropie încet, sa strecurat, se târî și în cele din urmă a venit astăzi, vizitând World Wide Web poate fi o lungă perioadă de timp pentru a sta cu gura deschisă în timp ce se bucură de design magnific al unei resurse. butoane animate, colțuri rotunjite, umbre de obiecte, gradient și multe alte bunătăți web care nu ar putea permite un webmaster pentru inca 10 MB sau chiar de 5 ani în urmă, acum disponibil pentru fiecare nou venit.
Discursul de astăzi se va concentra asupra acestui element de control ca SUBMIT. necesară atunci când se utilizează formulare pentru a trimite cereri. Button, care este încă obiectul nu arata modern si estetic, atât de multe, probabil, doresc să schimbe aspectul pentru a se potrivi timpului. Acest lucru se poate face în mai multe feluri, și fiecare dintre ele va fi, în felul său, corectă și optimă, în contextul unei anumite sarcini.
Cel mai ușor de înțeles și ușor de utilizat metoda este de a utiliza o imagine de tip alternativ. pentru a trimite date către server.
EXEMPLUL 1 (CONFIRMARE imagine folosind tip IMAGE):
Imaginați-vă că am o PREZINT cu următorii parametri:
Pentru a înlocui butonul plictisitoare, butonul corespunzător design-ul va înlocui parametrii din intrare la o astfel:
În loc de puncte, trebuie să specificați calea către imaginea pe care doriți să urmăriți pe locul butoanelor vechi. Tot mai nimic altceva de făcut, datele din formular vor fi trimise utilizând elementul de imagine. De asemenea, în cererea va fi trimisă coordonatele la care cursorul mouse-ului a fost atunci când apăsați butonul, care poate fi, de asemenea, util în unele cazuri.
Noi încercăm și voi toți lucrați? Nu vă grăbiți să se bucure, funcționează, dar nu în toate cazurile, de exemplu, în unele browsere, cum ar modalitate pentru un motiv oarecare nu înlocuiește întotdeauna corect să prezinte funcționalitate, cel puțin am avut-o cu această întâlnire.
Modul cel mai rațional nu este, dar încă de lucru, el este de a utiliza Java Script.
EXEMPLUL 2 (CONFIRMARE fotografie folosind Java Script):
De asemenea, la fel ca în primul exemplu de realizare este înlocuit cu calea dot imaginii și să se bucure de lucru submit`a alternative. Această metodă are un dezavantaj - în cazul în care browser-ul este oprit Java Script, metoda nu va funcționa.
În opinia mea, modul cel mai versatil și cel mai bine la locul de muncă, deși, și necesită unele de dans cu o tamburină în jurul normelor css.
EXEMPLUL 3 (CONFIRMARE reguli css imagine)
În submit`e prescrie sendsubmit clasa, care va înlocui interfața butonul de imagine.
sendsubmit # 123;
lățime. 33px; // lungime a cheii
înălțime. 33px; // înălțimea de butoane
marjă. 0;
umplutură. 0;
de frontieră. 0;
fundal. URL-ul transparent # 40; „Calea către imaginea“ # 41; fără repetare centru de top;
text-liniuță. -1000em;
cursor. pointer;
cursor. mână;
# 125;
Dacă valoarea parametrului trebuie să fie aceeași cu inscripția de pe buton, regula de text-liniuță: -1000em poate fi omisă.
