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? ;)

Kapcsolódó bejegyzések:
  • Van egy régebbi tutorial (“Tartalom váltása a lap újratöltése nélkül II. – HTMLHttpRequest”), amit szerettem volna használni egy adminisztrációs felületen. Remek …

  • Ez egy hírküldő script. Működése nagyon egyszerű. Mindössze 3 fájlból áll, és adatbázis alapú a hírek tárolása. A dbconnect.php segítségével kapcsolódik az adat …

  • Ahogy belépek egy magyar nyelvű fórumba ahol webszerkesztés téma is van, olyan nincs, hogy ne találjak olyan kérdést, hogy “Keresés, hogyan?”. Most erre talász i …

  • Nagyon egyszerű lesz a dolgunk:Hozzunk létre egy formot az alábbi beállításokkal:Két input mezőt is adjunk hozzá:Ha jól dolgoztunk, így n …

  • Na ez egy elég komoly tutorial, php és MySQL kell az elkészítéséhez! Első lépésként csináljunk egy MySQL táblát!CREATE TABLE `shoutbox` ( `id` INT(1 …

A cikket beküldte: Harder (http://blog.harder.hu)

4 hozzászólás

  1. Gábor says:

    Szia!

    Egyéni reset gombot hogy lehet beállítani?

    Gábor

  2. Bob says:

    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?

  3. bnc says:

    Ez remek, de nem csak így lehet :)

    1
    
    input { }

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

  4. x3000x says:

    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

Szólj hozzá
a Egyéni submit gomb c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>