HTMX hx-include包含表单时请求无法发送的问题求助
HTMX表单提交附加数据失败问题排查
核心问题:提交按钮的HTML语法错误
第一个表单里的提交按钮代码存在引号未闭合错误:<input type="submit value="Click me!">正确写法应为:
<input type="submit" value="Click me!">这个语法错误会导致浏览器DOM解析异常,直接破坏HTMX的事件绑定逻辑,是请求完全无法发送的根本原因。
关于
hx-include="#item-form"的用法验证
修复上述语法错误后,hx-include="#item-form"即可正常工作——HTMX会自动收集#item-form下所有带name属性的表单控件数据,合并到当前表单的POST请求中。之前的失效完全是由HTML语法错误导致,而非hx-include的用法问题。验证步骤
- 修正提交按钮的引号错误后刷新页面
- 打开浏览器开发者工具「控制台」,确认无HTMX相关报错
- 查看网络面板的POST请求Form Data,确认
#item-form内所有输入框数据已被包含
内容的提问来源于stack exchange,提问作者Erik Koinberg
相关产品推荐
相关产品推荐

