Thymeleafでテキストボックス(input)の初期値を設定

Thymeleafでテキストボックス(input)の初期値を設定

以下はThymeleafでテキストボックスの初期値を設定するためのコントローラとテンプレートの例です。

コントローラ(Java)

@Controller
public class SampleController {

  @GetMapping("/form")
  public String showForm(Model model) {
    // 初期値を設定
    String initialValue = "初期値";
    model.addAttribute("initialValue", initialValue);
    return "form";
  }
}

テンプレート(Thymeleaf)

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <title>フォーム</title>
</head>
<body>
  <form action="#" method="post">
    <label for="textBox">テキストボックス:</label>
    <input type="text" id="textBox" name="textBox" th:value="${initialValue}" />
    <button type="submit">送信</button>
  </form>
</body>
</html>

コントローラでinitialValueをモデルに追加し、それをThymeleafテンプレートでth:value属性を使ってテキストボックスに設定しています。