Building Web Forms

Overview

In this lab we will learn how to build and style awesome web forms.

• CSS scoping
• Modular CSS
• :valid and :required pseudo-elements

Resource Links

• DOWNLOAD😇 the start file for this class.
• Read about Web Form Best Practices: The Complete Guide
• Reference HTML attribute: autocomplete on MDN
• Read about CSS Attribute Selectors
• Read about Form Validation UX in HTML and CSS
• Human Interface Guidelines by Apple
• Form Accessibility guidance
• Learning about HTML5 Form Attributes

Watch

• WebForms Part 1 [2:05] Overview of Web Forms
• WebForms Part 2 [12:10] Best Practices for Web Forms
• WebForms Part 3 [11:57] Building a Web Form
• WebForms Part 4 [14:15] Styling a Web Form
• WebForms Part 5 [1:26] Checking for Best Practices
• WebForms Part 6 [3:49] Common Mistakes