Events P2 - HTML Forms

Setup

yarn install

Fundamentals

There is a fundamentals section in the workshop. Start by completing this section before moving on to the following exercises.

---

Workshop

In this workshop, you will be challenged to create a dynamic form.

Here's a screenshot:

Your challenge is to add form validation, to stop users from signing up with invalid input. Here's a clip:

✨ Don't worry ✨ - all of these requirements are laid out below.

---

Exercise 1 - Getting started / HTML

Open this exercise file: exercise-1.md

Exercise 2 - Add of the input attributes

Open this exercise file: exercise-2.md

Exercise 3 - Style it!

Open this exercise file: exercise-3.md

Exercise 4 - Validation

Open this exercise file: exercise-4.md

---

🟡 - Minimally complete workshop (75%) - 🟡

---

Exercise 5 - Error clean-up

Open this exercise file: exercise-5.md

---

🟢 - Complete workshop (100%) - 🟢

---

Exercise 6 - Autocomplete

Open this exercise file: exercise-6.md

Exercise 7 - The Clear Button

Open this exercise file: exercise-7.md

Exercise 8 - Password suggest

Open this exercise file: exercise-8.md