Egyéni submit gomb

Form-ok készítése esetén biztos volt már dolgod az alapértelmezett (és
meglehetősen csúnya) nagy, szürke „submit” gombokkal. Ezek sok esetben rontanak
a lap kinézetén, színük és méretük (no és már unalomig ismert megjelenésük)
miatt szerintem nem nyújtanak vmi szép látványt.



Ha megnézed a lapod forráskódját, ilyesmit fogsz látni:


<INPUT type="submit" name="Submit" value="Search">


és ilyen gomb lesz a fenti kód eredménye:


Ha ezen változtatni szeretnél, nincs más dolgod mint a fenti forrásrészletet kicserélni/kipótolni erre:


<INPUT type="image" src="kereses.gif" name="Submit" value="Search" width="64" height="18" alt="Keresés a honlap tartalmában">


E módosítás eredménye ez lesz:


Így azért már tetszetősebb, ugye? ;)

Hugyecz Görgy (Harder)
20+ éve munkám és hobbim is az online világhoz köt. Az utóbbi 10+ évben leginkább keresőopimalizálás (SEO) témában tevékenykedem, mellette pedig Google Ads és Facebook PPC fronton is segítem ügyfeleimet. Korábban 10+ évig webgrafika, sitebuild, weboldal készítés témakörben mozogtam.

4 HOZZÁSZÓLÁS

  1. Hali!

    Ez tök jó, csak az a bajom vele, hogy IE alatt nem jön létre a $_POST tömbben a „name-nek” megfelelő változó csak name_x és name_y ugyanez firefox alatt működik úgy, hogy a névnek megfelelő változó értéke a valeuban megadott érték. vagyis vizsgálható hogy isset($_POST[név]).
    Explorerrel miért nem műk?

  2. Ez remek, de nem csak így lehet :)

    1
    
    input { }

    vagy input style=”” is működik. :)

  3. van egy submint gombom es raklikkelesnel azt szeretnem,hogy tovab vigyen egy oldalra,hogy lehet megoldani hova kell beirnom a html kodot vagy php kodot

HOZZÁSZÓLOK A CIKKHEZ

Kérjük, írja be véleményét!
írja be ide nevét