From the course: Building Full-Stack Applications with HTMX

Unlock this course with a free trial

Join today to access over 24,900 courses taught by industry experts.

Project 4: Interactive forms

Project 4: Interactive forms - HTMX Tutorial

From the course: Building Full-Stack Applications with HTMX

Start my 1-month free trial Buy for my team

Project 4: Interactive forms

“

- [Instructor] In this section, we'll be building a multi-section form with HTMX on a Node.js backend. HTMX will be used to develop our frontend features for the form, while Node.js will be used to provide the hypermedia API that HTMX requires. Our multi-step form project will allow users to enter different sections of information about their profile, from basic information, like name and email, to location information, like city and zip code. These groups of information will be arranged on different sections of the form, allowing the user to fill related information in each step. For our project, our form will have three sections, a Basic Information section for their name and email, a Contact Information section for their contact information, and finally, a Preferences section where they get to select whether they want to subscribe to our newsletter and/or get our periodic notifications. Once the user fills a section, they will be able to navigate to the next section. If there are…

Contents