20. User Input with Forms

• 20.1. Web Forms
  • 20.1.1. Create a Form
    • 20.1.1.1. Local HTML Forms
  • 20.1.2. Input Element
  • 20.1.3. Labels
    • 20.1.3.1. Field Focus
  • 20.1.4. Value Attribute
  • 20.1.5. Check Your Understanding
• 20.2. Submitting Forms
  • 20.2.1. Submit a Form
    • 20.2.1.1. Try It!
  • 20.2.2. Taking action
    • 20.2.2.1. Key/Value Pairs
  • 20.2.3. Submitting Passwords
  • 20.2.4. Check Your Understanding
• 20.3. POST Form Submission
  • 20.3.1. Send Data to a Server
  • 20.3.2. Security and POST
  • 20.3.3. Check Your Understanding
• 20.4. Text Inputs
  • 20.4.1. Try It!
  • 20.4.2. A Larger Text Input Field
  • 20.4.3. Check Your Understanding
• 20.5. Checkboxes and Radio Buttons
  • 20.5.1. Checkboxes
    • 20.5.1.1. Same vs. Different name
  • 20.5.2. Radio Buttons
    • 20.5.2.1. Unselecting a Radio Button
  • 20.5.3. Check Your Understanding
• 20.6. Select Inputs
  • 20.6.1. Setting a Default <option>
  • 20.6.2. When to Use What
  • 20.6.3. Check Your Understanding
• 20.7. More Input Attributes
  • 20.7.1. Placeholder Text
  • 20.7.2. Resetting a Form
  • 20.7.3. Enable/Disable Input Fields
    • 20.7.3.1. Default Selections
    • 20.7.3.2. Try It!
• 20.8. Form Validation with HTML5
  • 20.8.1. Check Your Understanding
• 20.9. Styling Forms
  • 20.9.1. Add CSS
    • 20.9.1.1. Margins
    • 20.9.1.2. Field Size
    • 20.9.1.3. Button Style
    • 20.9.1.4. Alignment
  • 20.9.2. Wrap-Up
  • 20.9.3. Resources
• 20.10. Exercises: Launch Form
  • 20.10.1. Part A: Setup
  • 20.10.2. Part B: First Input
  • 20.10.3. Part C: More Inputs
  • 20.10.4. Part D: Style the Form
• 20.11. Project: Web Form (Part 1)
  • 20.11.1. Introduction
  • 20.11.2. Getting Started
  • 20.11.3. Collect a Message From the User
  • 20.11.4. Add Number and Radio Inputs
  • 20.11.5. Style the Form
  • 20.11.6. Coming Up Next