i denne artikkelen lærer vi hvordan du lager et responsivt registreringsskjema I HTML og CSS. Vi vil også se hvordan du legger til enkel passordvalidering ved hjelp av javascript.
for alle typer nettsted er et registreringsskjema viktig. Kunder vil ha en enkel måte å lære mer om organisasjonen hvis du har et registreringsskjema på nettstedet ditt. Enda viktigere, du lar bedriften din få tilgang til riktig type abonnenter og deres data (med deres tillatelse, selvfølgelig).
koden for denne registreringsskjemamalen er enkel og lett å forstå. For vår bekvemmelighet har vi tatt med styling og javascript-koden inne I HOVED HTML-filen. VI har brukt HTML-skjema for å gi en grunnleggende struktur til registreringsskjemaet. Vi har forsøkt å lage en neumorf design for dette skjemaet.
for passordvalidering har vi brukt regex pattern matching ved hjelp av javascript. For å lese mer om Det besøk – Regulære uttrykk. For denne spesielle designen har vi satt passordmønsteret slik at det skal være alfanumerisk med 8-15 tegn. Hvis passordet som er oppgitt av brukeren ikke følger mønsteret, endres grensen til passordfeltet til rødt, og hvis det samsvarer, blir det grønt. Lignende er for bekreft passord også. I tillegg sjekker skjemaet også om passordet som er angitt i bekreft passordfelt, samsvarer med det tidligere angitte passordet eller ikke.
følgende er kildekoden FOR registreringsskjemaet HTML. Vi anbefaler at du ser videoen innebygd nedenfor sammen med koden.
KODE:
DU kan laste NED registreringsskjemaet HTML-kode fra denne linken.
les også:
- Hvordan Lage En Responsiv Gjennomsiktig Påloggingsside I HTML og CSS ?
- Hvordan lage en responsiv kontakt oss side mal VED HJELP AV HTML og CSS?
- hvordan lage et grunnleggende innloggingsskjema og registreringsskjema ved HJELP AV HTML og CSS?
- Hvordan lage Responsive 404 side ikke funnet I HTML og CSS?