Thymeleafでth:valueが空になる！？ - 親バカエンジニアのナレッジ帳

Spring BootでThymeleafを使う時、HTMLのタグの中に「th:〜」という書き方でJavaの変数を使うことができます。

例えば以下のようにすれば、

<input type="text" th:field="*{フィールド名}" />

inputタグのid、name、valueの全てを管理することができ、以下のHTMLタグが発行されます。
(valueは初期値なので空です)

<input type="text" id="フィールド名" name="フィールド名" value="" />

ただ、場合によってはinputタグのvalueにDBから取得した値を入れたい時がありますよね。
そんな時はth:valueに値を入れればいいのですが、ここに落とし穴が。。。
th:fieldやth:nameに値を入れているとvalueの中が空になるのです。

なので、以下ではだめなのです。

<input type="text" th:field="*{フィールド名}" th:value="${変数名}" />

ちなみに以下もダメです。

<input type="text" th:name="*{フィールド名}" th:value="${変数名}" />

th:valueに値を入れる時はth:nameではなく、nameに値を入れましょう。

<input type="text" name="フィールド名" th:value="${変数名}" />

こうすればnameにもvalueにも値が入ります。