Küldje kép
Szia kedves olvasó LifeExample blog. Emlékszel, hogyan kell nézni online források hajnalán hely épület? 20. század végén helyek voltak csak fa és a kizárólag tájékoztató jellegű, és a tervezés csak egy csipetnyi egy jobb jövőben. És a jövő jön lassan kúszott, mászott, és végül jött ma ellátogat a World Wide Web lehet sokáig ülni nyitott szájjal, miközben a csodálatos dizájn az erőforrást. Animált gombok, lekerekített sarkok, tárgyak árnyékát, gradiens és sok más nyalánkság interneten, akik nem engedhetik meg maguknak a webmester további 10 mb vagy akár 5-éves ezelőtt, most elérhető minden jövevényt.
Beszéd ma fog összpontosítani ezen ellenőrző elem a küldéshez. használatához szükséges űrlapok küldeni kéréseket. Gombot, amely még mindig a tárgy nem néz a modern és esztétikus, sok érdemes megváltoztatni a megjelenését, hogy megfeleljen az időben. Ezt meg lehet tenni sok szempontból, és mindegyikük, a maga módján, a pontos és optimális keretében egy adott feladat.
A legkönnyebben érthető és könnyen használható módszer, hogy egy alternatív típus képet. adatokat küldeni a szerverre.
1. példa (SUBMIT képet a kép típus):
Képzeljük el, hogy mi a küldés, az alábbi paraméterekkel:
Annak érdekében, hogy cserélje ki a tompa gombot, a megfelelő gombot a tervezési felváltja a paraméterek beviteli ilyen:
Ahelyett, pontok, meg kell adni az elérési utat a kívánt képet nézni a helyén a régi gombokat. Annál is inkább mást tenni, az űrlap adatok most kerül a kép elem. továbbá a kérelemben meg kell küldeni a koordinátákat, amelyek az egérmutató volt, amikor megnyomja a gombot, ami szintén hasznos lehet bizonyos esetekben.
Igyekszünk, és minden munkát? Ne siess, hogy örüljetek, működik, de nem minden esetben, például az egyes böngészők ilyen módon valamilyen oknál fogva nem mindig helyesen helyettesíti benyújtja a funkcionalitás, legalább volt ezzel a találkozás.
A legésszerűbb módja nem az, de még mindig dolgozik, ő a Java Script.
2. példa (SUBMIT képet a Java Script):
Szintén az első kiviteli helyettesíti az utat, hogy pont a kép és szívesen dolgoznak az alternatív submit`a. Ez a módszer egy hátránya - ha a böngésző ki van kapcsolva a Java Script, a módszer nem fog működni.
Véleményem legsokoldalúbb és legjobb módja annak, hogy a munka, mégis, és igényel némi táncol egy tambura körül szabályok css.
3. példa (SUBMIT CSS szabályok képet)
A submit`e előírja osztály sendsubmit, amely felváltja a képet kezelőfelület.
sendsubmit # 123;
szélessége. 33px; // a kulcs hossza
magasságot. 33px; // magassága gombok
árrés. 0;
padding. 0;
határon. 0;
háttérben. átlátszó url # 40; „Út a kép” # 41; no-repeat center tetején;
text-indent. -1000em;
kurzor. pointer;
kurzor. kéz;
# 125;
Ha a paraméter értéke legyen azonos a gomb felirata, a szabály text-indent: -1000em elhagyható.
