Learn and Teach Coding

Forms

7 resources about forms.

Examples

JSBeginner

Login Form in HTML & JavaScript

The same accessible login screen built with plain HTML, CSS, and vanilla JavaScript — no framework. A side-by-side reference for the React version.

View example
JSBeginner

Form Validation in HTML & JavaScript

Add real validation to the plain HTML login form — custom rules, inline error messages, validate-on-blur, and a submit guard. No libraries.

View example
Intermediate

Form Validation — using Formik

Validate a sign-in form with Formik and Yup — declarative fields, a validation schema, and built-in touched/error state.

View example
Beginner

React Login Form Validation

Build a login form with validation using React Hook Form and Zod.

View example
Beginner

Form Validation — Simple Input Validation

Validate a sign-in form by hand with useState — inline errors, validate-on-blur, and a submit guard. No libraries.

View example
Beginner

Login Form UI

A clean, accessible login form component for React with email, password, and social sign-in.

View example

Tutorials