hx-prompt 属性
hx-prompt 属性允许你在发出请求之前显示输入提示。提示的值将包含在请求的 HX-Prompt 头中。
示例
<button hx-promt="/account" hx-prompt="Enter your account name">
My Account
</button>
以上示例中，点击按钮 → 弹出 prompt()，用户输入如 "alice"，发起 POST 请求，包含 HTTP Headers：Hx-Prompt = "alice" 。
备注
- hx-prompt 可以继承并放置在父元素上
注意事项
| 行为 | 说明 |
|---|---|
| 用户点取消 | 请求会被取消，HTMX 不发送任何请求 |
| 用户输入空字符串 | 请求仍然发送，值为空 |
| 非 form 元素也能使用 | button, a, div 都可以触发 hx-prompt |
| 默认输入框值不可设置 | 目前无法通过 HTMX 指定默认 prompt 值 |
另外也值得注意的是，hx-prompt 搭配 hx-confirm 一起使用时，hx-prompt 会比 hx-confirm 先弹出。
<body>
<button
hx-post="/delete"
hx-confirm="你确定要删除吗？"
hx-prompt="删除理由："
hx-target="#result"
>
删除项目
</button>
<div id="result" hx-disable></div>
</body>
以上代码就会先弹出“删除理由”对话框，再弹出“你确定要删除吗？”对话框。