yoko's tech blog

IT企業で4年間バックエンドエンジニアをやっていました。技術的なことのほかにもいろいろ書きたいと思っています。

【HTML/Thymeleaf】<form>タグ以外で画面遷移させる方法

<button>タグを使って画面遷移を行うコードを書く場合、HTML/ Thymeleaftともに、<a>タグを使用します。

【HTML】

<a href="/xxx/xxx">
 <button type="button">テキスト</button>
</a>
※href=" "で送信先を指定。

【Thymeleaf】

<a th:href="@{/xxx/xxx}">
 <button type="button">テキスト</button>
</a>

 

いつも<form>タグを使って、値の送信と同時に画面遷移させていたので、単純な画面遷移のみを行うコードが頭から抜けていました。


⇩⇩⇩<form>タグを使った場合のコード⇩⇩⇩

 

 

【HTML】
<form method="post" action="/xxx/xxx">
 <button type="submit">テキスト</button>
</form>

※method=" "には、getまたはpostを指定。

※action=" "で送信先を指定。

※type="submit"で、送信ボタンを作成する。

【Thymeleaf】
<form method="post" th:action="@{/xxx/xxx}">
 <button type="submit">テキスト</button>
</form>

 

以上です。お役に立てましたら幸いです。