A css-en található visszajelzési formanyomtatvány eredeti stílusa
1. lépés: Formázzuk az űrlapot:
Nos, kezdjük? Ezúttal nem fogunk megkezdeni az űrlapunk csontvázát, hanem azonnal a stílusokkal, amelyekkel a visszajelzés teljes körű formáját használjuk. A stílusok ugyanazok maradnak, mint az utolsó leckében. Így fognak kinézni:
2. lépés: A HTML formája csontváz.
- class = "üresjárat" - Először az űrlapunk minden mezőjét hozzárendeljük alapértelmezett stílusként az alkalmazott gradiens háttérrel;
- onFocus = "this.className = 'activeField'" - Most felveszünk egy fehér háttérstílust az onFocus eseményen keresztül. Ez az esemény csak akkor jelenik meg, ha a kurzor a mezőn lenyomva van, és amikor benne vannak szimbólumok;
- onBlur = "this.className =" üresjárat "- Most hozzáadjuk a stílust a gradiens háttérrel az onBlur eseményen keresztül. Ez az esemény megerősíti az alapértelmezett stílusunkat, hogy a karakterek bevezetése után a hátteret megfelelő módon megjelenítsük.
Remélem, hogy valami érdekeset talált magának attól, amit most mondtam. Ezután minden olyan eseményt, amelyet használunk, és stílusokat alkalmazunk az űrlap minden egyes mezőjére és a gombra is. Az alábbiakban a fejlesztésem teljes változatát idézem:
Üdvözlettel az útmutató a CSS - MK világában.
Az információk azonnali megszerzésére két csatorna (látás és hallás) révén a tanítás hatékonysága sokkal nagyobb, mint a könyvek tanulása. És a házi feladatok és az online tesztek lehetővé teszik, hogy folyamatosan gondolkodj a tanult nyelvben, és azonnal ellenőrizd a tudását!
Ha sokáig szeretné megtanulni a HTML-t, akkor remek hírekkel szolgálok neked!
Ha már megtanulta a HTML-t, és tovább akar lépni, a következő lépés a CSS-technológia megtanulása.
Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!