Űrlap mezőben alapértelmezett érték mutatása, elrejtése
Van egy űrlapom. Ebben az szövegmezőben megadtam az "value" értékeként információt, hogy a látogatót informáljam a kitöltéssel kapcsolatban.
Így néz ki:AZT Szeretném elérni, hogyha rákattintok a beviteli mezőre, akkor a value "értéke: a szöveg" eltünjön, azaz ne a látogatónak kelljen törölnie, hanem automatikusan törlődjön. HA nem ír be semmit, akkor viszont a mező alhagyása után, íródjon visssza a value értéke.
Biztos könnyű, de nagyon kezdő vagyok, nem programozok. Hogyan lehetne megoldani?
Nagyon szépen köszönöm a segítséget!
■ Így néz ki:
<p><label for="szallitasicim"> Szállítási cím:
<input name="szallitasicim" type="text" value="Ide szállítjuk a terméket!" size="50" id="szallitasicim" /></label></p>
Biztos könnyű, de nagyon kezdő vagyok, nem programozok. Hogyan lehetne megoldani?
Nagyon szépen köszönöm a segítséget!
onblur es onfocus eventekre
onsubmit
onload
Ideáig jutottam, ami persze
HEAD szekcióban:
<head>
<script language="javascript" >
//ez törli az input boxot
function szovegTorlese(input){
if (input.defaultValue==input.value)
input.value = ''
}
//ez visszaállítja az input box tartalmát, ha az üres, nem töltik ki
function szovegVissza(input){
if (input.value=='')
input.value = input.defaultValue
}
/* Innen rossz, mert ezt már Én csináltam. Azt szeretném elérni ,hogy amikor vki rákattint elküld gombra , akkor a "value" értékek (tájékoztató szöveg a kitöltéssel kapcsolatban, ahol megadtam) minden szövegmezőben törlődjön, úgyanúgy, mint amikor fokuszt kapott, de csak akkor, ha kitöltötte rendesen. Bár ezt azért nem értem, mert azt olvastam, ha kitölti a mezőket, akkor a megadott value érték kicserélődik arra, amit begépelt. Amit viszont nem helyesen ad meg, azokat a mezőket jelölje ki vmilyen színnel (pl. szürke) és jelenjen meg benne figyelmeztető üzenet pirossal, hogy "Ezt a mezőt is töltse ki!" */
function szovegTorlese(input) {
if button.onclick==true}
input.value = input.defaultValue
}
</script>
</head>
<!--# Törlő fügvény meghívása: -->
<label for="mobil">Mobilszám:<input name="mobilszam" type="text" value="0620xxxyyyy" onfocus="szovegTorlese(this)" onblur="szovegVissza(this)" size="11" maxlength="11" id="mobil" /></label>
<!-- Rákkattintáskor szertném elérni, hogy ne küldje el a figyelmeztető üzenetet, amit megadtam a "value" értékeknél) -->
<p><input name="elkuld" type="button" value="Adatok érvényesítése és Elküldése" class="gomb" onclick=""/></p
Úgy gondolkodom, hogy: Meg kellen hívni egy törlő fügvényt, ami törli az összes input mező value értékét, ha rákattintok a button (elküld) gombra.
Hát fogalomzavaraim vannak, mert csak most kezdtem olvasgatni a js-el kapcsolatos könyvet és még nagyon zavaros objektum, esemény, stb fogalmak, így rendesen összezavarodtam.
Segítséget kérek, hogyan kellene megcsinálni? Mi a hiba, vagy csak az van?! :)
function szovegTorlese(input)
if (button.onclick==true)
input.value = input.defaultValue
}
Magamnak : () zárójeleket javítottam, de ez nem változtat a logikai zavaromon.