Pasul 1. Stylize forma:
Ei bine, vom începe? De data aceasta nu vom începe cu scheletul formularului nostru, dar imediat cu stilurile pe care le vom folosi pentru a crea o formă de feedback cu drepturi depline. Stilurile vor rămâne aceleași ca în ultima lecție. Vor arăta astfel:
Pasul 2. scheletul formei HTML.
- class = "idle" - Mai întâi, atribuim fiecărui câmp al formularului nostru un stil implicit cu fundalul de gradient aplicat;
- onFocus = "this.className = 'activeField'" - Acum vom adăuga un stil cu un fundal alb prin evenimentul onFocus. Acest eveniment se va manifesta numai atunci când cursorul este apăsat pe câmp și când sunt introduse orice simboluri;
- onBlur = "this.className = 'idle'" - Acum vom adăuga stilul cu fundalul gradientului nostru prin evenimentul onBlur. Acest eveniment va întări stilul nostru implicit pentru afișarea ulterioară corespunzătoare a fundalului după introducerea oricăror caractere.
Sper că ți-ai găsit ceva interesant din ceea ce ți-am spus. Apoi, toate evenimentele pe care le-am folosit și stilurile sunt aplicate fiecărui câmp al formularului nostru și butonului. Mai jos citez o versiune completă a dezvoltării mele:
Cu stimă, ghidul tău în lumea CSS - MK.
Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți în mod constant în limba pe care o învățați și să vă verificați imediat cunoștințele!
Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!
Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.
Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!
Articole similare
Trimiteți-le prietenilor: