Modern ismeretek WEB oldalon : Javascript ismertető HTML formátumban
|
Űrlapadatok elküldése, törléseElküldés és törlés gombok
definiálása |
|
<input type=submit value="Elküld"> <input type=reset value="Töröl"> |
A <input type=submit ...> által definiáljuk az elküldés gombot, míg a törlés gombot a <input type=reset...> tag-ben hozzuk létre. A value= által a gombra helyezhetünk el egy szöveget.
Tanácsos az űrlap adatok elküldése előtt vizsgálni az adatok helyességét, teljességét.
Grafikus elküldés gomb definiálásaAlternatív megoldásként lehetséges az <input type=image...> megadás is, mellyel egy grafikus nyomógombot hozunk létre. A kívánt grafikus állományt az src= (src = source = forrás ) által, idézőjelek között adhatjuk meg.
<input type=image src="elküld.gif"> |
Button objektum definiálása az adatok elküldéséhez,
törléséhez (HTML 4.0)Éppúgy működik, mint ahogy azt a 
Grafikus
nyomógomb készítése (HTML 4.0) esetében
bemutattuk A különbség csak annyi, hogy a <button>
tag-ben meg kell adni a type=submit vagy a type=reset
bejegyzést is
<html><head><title>Teszt</title> </head><body> <form name="urlap" action="mailto:sajat@magam.hu"> Első mező: <input type=text size=30 maxlength=40><br> Második mező: <input type=text size=40 maxlength=50><br> Harmadik mező: <input type=text size=50 maxlength=60><br> <br> <button name="Elküld" type="submit" value="Elküld" onClick="document.urlap.submit()"> <p>E-MAIL ELKÜLDÉSE</p> <img src="084.jpg" alt="Elküld"> </button><br> <br> <button name="Töröl" type="reset" value="törol" onClick="document.urlap.reset()"> <p>ADATOK TÖRLÉSE</p> <img src="109.jpg" alt="Töröl"> </button> </form></body></html> |
Készült : 1999-10-27. 
Lengyel Sándor
Elküldés és törlés gomb definiálása