Ahogy az css gombképet 3 módon

Ma lassan eltűnik divat ütemtervet. De még mindig azt továbbra is tudniuk kell, hogyan mennek a dolgok css gomb kép? És ma elmondom, hogyan kell ezt csinálni.

Megmutatom a példa a jegyzési íven. De az első, a kép maga a gombot. Azért választottam éppen egy ilyen szép ikonochku:

És ez hogyan néz ki, közvetlenül a formában az előfizetést, még a legegyszerűbb:

Mindannyian, webmesterek és a fejlesztők folyamatosan dolgoznak a telek. Szeretném, ha ajánlani a helyszínen, hogy élvezi magát:
  1. Reg.ru - rögzíti, és meghosszabbítja domain nevek, egy nagyon megbízható cég!
  2. HostIQ - tárhely prémium minőségű.
  3. Ihor - több költségvetési, hanem nagyon magas színvonalú internetes tárhely szolgáltató.
  4. Telderi.ru - az egyetlen megbízható csere RuNet, ahol lehet kapni kész weboldalak bevételt!

Erre a gombra kattintva küldje el az űrlapot. Tehát hogyan kell csinálni? Nagyon egyszerűen, a teljes kódot a következő formában:

Természetesen békés úton, hogy ez a munka, meg kell, hogy lezárja Azokon a területeken, a formát, a forma maga a kötelező és módszer attribútumokat. De mi nem vagyunk a programozáshoz és adatokat küld a szerverre, és hogyan lehet egy gomb képet.

Mint látható, ez a kód, ez történik az attribútum type = „image”. Ezzel a gombbal funkciója ugyanaz, mint a type = „submit” - elküldi az űrlap adatokat a szerverre. A második tulajdonság jár src - az utat a kép, melyik lesz a legfontosabb.

Kitűnő. By the way, van egy szöveges mező és egy gomb egy kép található pontosan ugyanazon a szinten, és minden rendben volt, de az alapértelmezett nem lehet annyira. Ha meg kell igazítani a gomb tekintetében a beviteli mezőbe, majd a recepción egy függőleges helyzettől.

bemenet [type = image] függőleges-align: közép;
>

Ez csak akkor működik, ha egy vonalban képest egy sorban. Ok, rájöttünk, hogyan lehet egy képet gomb elküldeni az űrlapot. De mi van, ha rákattint a képre kell lennie valami más? Ilyen célokra, akkor használjon egy másik módszer, amely elmondom.

Készítsen gombok bármilyen célból regisztráljon!

Tény, hogy szinte bármely két tag alkalmas arra, hogy egy gomb. Miért? Mert belülről nem tud egy képet (vagy állítsd át a háttér), hogy ha a kurzort a kép fölé változott a tenyér, van css-tulajdonság:
kurzor: pointer;

Kapcsolódó cikkek