Django & HTMX - Dynamic Form Creation and Submission

In this video, we look at how to dynamically create forms using Django and HTMX, and look at how to dynamically submit these forms - both individually, and as a group. We'll see some cool tricks here, such as: Using the hx-on attribute to perform actions after submission Using the "from" trigger modifier to trigger submission of all forms via a single button click โ˜•๏ธ ๐—•๐˜‚๐˜† ๐—บ๐—ฒ ๐—ฎ ๐—ฐ๐—ผ๐—ณ๐—ณ๐—ฒ๐—ฒ: To support the channel and encourage new videos, please consider buying me a coffee here: https://ko-fi.com/bugbytes โ–ถ๏ธ Full Playlist: ย ย ย โ€ขย Djangoย &ย HTMXย ย  ๐Ÿ“Œ ๐—–๐—ต๐—ฎ๐—ฝ๐˜๐—ฒ๐—ฟ๐˜€: 00:00 Intro 00:43 Defining model and ModelForm 02:53 Adding Form to View and Template 07:21 Adding forms dynamically with HTMX 12:04 Submitting forms individually with HTMX 13:55 Adding contact list to template 17:36 Removing form after submission with hx-on attribute 19:13 Submitting multiple forms at once with HTMX 22:02 Adding Cancel button to clear forms ๐—ฆ๐—ผ๐—ฐ๐—ถ๐—ฎ๐—น ๐— ๐—ฒ๐—ฑ๐—ถ๐—ฎ: ๐Ÿ“– Blog: https://bugbytes.io/posts/ ๐Ÿ‘พ Github: https://github.com/bugbytes-io/ ๐Ÿฆ Twitter: ย ย /ย bugbytesioย ย  ๐Ÿ“š ๐—™๐˜‚๐—ฟ๐˜๐—ต๐—ฒ๐—ฟ ๐—ฟ๐—ฒ๐—ฎ๐—ฑ๐—ถ๐—ป๐—ด ๐—ฎ๐—ป๐—ฑ ๐—ถ๐—ป๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐˜๐—ถ๐—ผ๐—ป: django-htmx-todo-list (Jack Linke): https://github.com/jacklinke/django-h... hx-swap: https://htmx.org/attributes/hx-swap/ hx-on: https://htmx.org/attributes/hx-on/ django-htmx CSRF tip: https://django-htmx.readthedocs.io/en... #django #python #htmx