Evidențiați câmpurile de formular necesare folosind css3

Ideea este de a aloca doar câmpurile obligatorii. Această problemă este de obicei rezolvată prin instalarea unui simbol mic * sau denumiri similare. Dar vom merge mai departe și să adăugați un efect interactiv pentru o evidențiere vizuală câmpuri mai bune necesare.

Pentru a pune în aplicare ideea de etichete folie și câmpuri de formular în două elemente div. care ne va permite să aplice diferite efecte. Recipientul exterior va avea o clasă complementară, dacă este necesar câmpul (necesar af-):

Luați în considerare un al doilea exemplu care demonstrează stiluri care utilizează câmpuri opționale de ascundere prin scalare. Vom reduce înălțimea unui alt recipient, atunci când interior va fi redusă la scară.

Pentru a seta centrul containerului interior de tranziție în valoarea „centru de top“, pentru a vedea procesul de reducere a înălțimii. Inițial, scara este setat la 1 (nu neapărat să-l instalați):

Partea superioară a formei are un buton (caseta de selectare) de la id af-showreq. Apăsarea butonului va fi o schimbare în scara de câmpuri suplimentare. Noi folosim pseudo-clasa: nu pentru a obține elementele necesare, dar este posibil să se stabilească cursuri pentru câmpuri suplimentare și să le accesați prin intermediul rudelor combinatoare.

Reduceți înălțimea recipientului exterior și scara interioară:

Proprietăți Setarea visibility: hidden se asigură că va fi posibilă trecerea la alte domenii cu ajutorul tastaturii. Nu puteți utiliza afișare: nici unul, pentru că nu va funcționa de tranziție.

Prin obținerea de informații de la două canale (vedere si auz) eficacitatea instruirii de învățare departe superioare de cărți. O temele pentru acasă și teste on-line vă va permite să se gândească în mod constant în limba țintă și imediat verifica cunoștințele!

Dacă doriți o lungă perioadă de timp pentru a studia modul în HTML, mi-ai, pentru ai vesti bune!

Dacă ați învățat deja HTML și doresc să avanseze, următorul pas va fi de a studia 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!