20. User Input with FormsΒΆ

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