hx-post hands-on
<form action="" class="acms-form" method="post"> <input type="hidden" name="bid" value="1"> <input type="hidden" name="cid" value=""> <input type="hidden" name="query" value="keyword"> <input type="text" name="keyword" value="" placeholder="検索キーワード" class="acms-form-width-small"> <input type="submit" name="ACMS_POST_2GET" value="検索" class="acms-btn"> </form> <div id="result-post" class="demo">このコンテンツが変わります</div>
以下の 検索フォームを htmx の hx-post を利用した記述にしてみましょう。
- /include/htmx/entry-summary.html （コンテンツ一覧表示用）
ヒント
<input type="hidden" name="tpl" value="/include/htmx/entry-summary.html">
このコンテンツが変わります
