buttonタグではなくaタグでPOSTする方法

デザインの都合でbuttonタグではなく、aタグを利用したい場合があります。

そんなときに使える方法を残しておきます。

aタグでPOSTする方法

<form method="post" name="form_1" id="form_1" action="data/post">
    <input type="hidden" name="user_name" placeholder="ユーザー名">
    <a href="javascript:form_1.submit()">リンク名</a>
</form>

hrefの値をフォームにしてあげるのが、一番簡単そう。

やっていることとしては、javascriptを利用してフォームを送信しているだけ。

ちなみにonClickではなく、hrefを利用しているのは、複数回クリックを抑制するためです。

他にも色々方法があったけど、この方法が一番スマートな気がする。