JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://demo.htmx.org"></script>

Click button and it works, enter in the input and it doesn't
<form hx-post="/foo"  id="id_form">
  <input id="id_email" type="email" placeholder="hot and fresh emails">
  <input type="submit" value="click me">
</form>



<template url="/foo" delay="500"> 
<form hx-post="/foo" hx-swap="outerHTML" hx-target="#id_form" id="id_form">
  <input id="id_email" type="email" placeholder="hot and fresh emails">
  <input type="submit" value="click me">
</form>
</template>