în acest articol, vom învăța cum să facem un formular de înscriere receptiv în HTML și CSS. Vom vedea, de asemenea, cum să adăugați o validare simplă a parolei folosind javascript.
pentru orice tip de site web, un formular de înscriere este esențial. Clienții vor avea o modalitate ușoară de a afla mai multe despre organizația dvs. dacă aveți un formular de înscriere pe site-ul dvs. web. Mai important, permiteți afacerii dvs. să aibă acces la tipul potrivit de abonați și la datele acestora (cu permisiunea lor, desigur).
codul pentru acest șablon formular de înscriere este simplu și ușor de înțeles. Pentru confortul nostru, am inclus stilul și codul javascript în fișierul HTML principal. am folosit formularul HTML pentru a da o structură de bază formularului de înscriere. Am încercat să creăm un design neumorf pentru această formă.
pentru validarea parolei, am folosit Regex model de potrivire folosind javascript. Pentru a citi mai multe despre aceasta vizita-expresii regulate. Pentru acest design special, am setat modelul parolei astfel încât să fie alfanumeric cu 8-15 caractere. Dacă parola introdusă de utilizator nu urmează modelul, atunci marginea câmpului de introducere a parolei se schimbă în roșu și, dacă se potrivește, devine verde. Similar este și pentru confirmați parola. În plus, formularul verifică, de asemenea, dacă parola introdusă în câmpul Confirmare Introducere parolă se potrivește sau nu cu parola introdusă anterior.
Următorul este codul sursă pentru formularul de înscriere HTML. Vă recomandăm să vizionați videoclipul încorporat mai jos împreună cu codul.
Cod:
puteți descărca codul HTML al formularului de înscriere de pe acest link.
citește și:
- cum se face o pagină de conectare transparentă receptivă în HTML și CSS ?
- cum se face un șablon de pagină receptiv contactați-ne folosind HTML și CSS?
- cum se face un formular de conectare de bază și un formular de înregistrare folosind HTML și CSS?
- cum sa faci Responsive 404 Pagina nu a fost găsit în HTML și CSS?