Feldolgozás formák javascript (1. rész) - Szeretnék egy weboldalt

Jó napot, én is egy cikksorozatot a formák és ma szeretnék foglalkozni a feldolgozási formák a Java Script. Mivel a téma igen kiterjedt, de ma én úgy mezőt, és írja a szöveget. textarea és gomb segítségével.

Ezen a kitérő I befejezni, és folytassa a nagyon szempont, amely kerül sor ugyanúgy, mint a bemutató „HTML, CSS és formák (2. rész - CSS)”. Nevezetesen, egy rövid leírást => demonstrációs => A kód

És szeretném kezdeni a megoldás továbbra is nyitott kérdés a „HTML, CSS és formák (2. rész - CSS)” - help szöveg nem tűnik el, ha a bemeneti kurzor áll a beviteli mezőben.

Dolgozunk a mezőket szöveg bevitelére

Szöveg törlése tippek

Mint látható, ez megoldható, csak hozzá utasításokat onfocus = „this.value =»«; this.onfocus = null;”. egy szövegbeviteli mezőt. amely azt mondja, hogy ha a kurzor beállítása a beviteli mezőben meg kell tisztítani.

És hogy bonyolítja a feladat egy kicsit, menjünk megadott adatokat az első mezőbe, és illessze be őket a másik. Ehhez használja a onBlur esemény. amely akkor jelentkezik, ha a veszteség a tárgya hangsúly az átmeneti kattintva az egér és a billentyűzet. És ez vonatkozik címkézni egy, terület, címke, input, select, textarea, gomb

Ez a kód nem minden a munka vonal: onBlur = „window.document.form1.field1.value = this.value”. Ha hangsúly elvész beviteli mező az első adatmezőket átmásolja a második. Hogy érted az adatokat, akkor nem csak másolni, hanem hogy megmentse a további feldolgozásra.

Hasonlóképpen, tudjuk, hogy az adatokat a mezőt egy többsoros beviteli írva. Nézzük származtatva be ezen a területen a szöveges figyelmeztetést. és ugyanabban az időben, és kiszámítja, hogy hány karakter vezettek be.

Szöveggel, és tartják egy szimbólum

feldolgozás megnyomásával

A gombok nagyon gyakori a weboldalakat, és ezért gyakran kell kezelni az eseményeket velük kapcsolatban. A nagy esemény - ez biztosan nyomja meg a gombot. Itt egy klasszikus példája:

Ha rákattint a gombra, hogy módosítsa a szöveget a beviteli mezőbe, és visszaállítja az alapértelmezett, ha rákattint egy linkre
Visszatérés az alapértelmezett érték

Nézzük a következő kódot. Ha mielőtt kiderült, hogy az űrlap elem nevű vagy hivatkozott az aktuális elem maga a kulcsszó ezt. Itt utalok annak index tagja.

A hivatkozás A szövegben a reset () metódust. amely lehetővé teszi, hogy visszaállítsa az értékeket a mezők, az alapértelmezett plug and void (0). Ez a hívás reset () módszer egyenértékű a reset gomb type = visszaállítás. de ez a gomb önmagában nem szükséges létrehozni és void (0) kell a linkre kattintva végrehajtott java script kód helyett váltás néhány nibdu oldalon.