Agenda

HTML Forms

HTML Validation Attributes

Styling HTML Forms

Overview | <form> Element | Input Elements | Client-Side Validation | Styling | Worksheet

Intro to HTML Forms

We use HTML forms to get inputs from the user.

• forms can be client-side only
  • only client-side code (e.g. JavaScript) executes
• forms can be client-side and server-side
  • client-side code executes first, usually to perform input validation
  • the form is submitted, and form inputs are then processed with server-side code
    • after the form is processed, a text/html response is sent back to the client

First, you need to learn to code HTML forms.

Then you can learn to use client-side validation attributes in HTML.

Then you can learn to style your HTML forms.

Later you’ll learn to process the forms using client-side code.

Even later, you’ll learn how to process the forms using server-side code.

Other Topics in this Lesson:

HTML <form> Element

Form Input Elements

Client-Side Validation

Styling HTML Forms

Week 2 Worksheet