thymeleaf 表单域
时间: 2023-08-28 17:07:59 浏览: 103
Thymeleaf 是一个服务器端 Java 模板引擎,可用于将数据渲染到 HTML 页面中。在 Thymeleaf 中,表单域可以使用以下方式来表示:
1. input 元素:使用 th:field 属性绑定表单域到后端 Java 对象的属性。
```html
<form th:object="${user}" method="post">
<label>Username:</label>
<input type="text" th:field="*{username}" />
<label>Password:</label>
<input type="password" th:field="*{password}" />
<button type="submit">Submit</button>
</form>
```
2. select 元素:使用 th:field 属性绑定表单域到后端 Java 对象的属性,使用 th:each 属性循环遍历选项。
```html
<form th:object="${user}" method="post">
<label>Gender:</label>
<select th:field="*{gender}">
<option value="MALE" th:selected="${user.gender == 'MALE'}">Male</option>
<option value="FEMALE" th:selected="${user.gender == 'FEMALE'}">Female</option>
<option value="OTHER" th:selected="${user.gender == 'OTHER'}">Other</option>
</select>
<button type="submit">Submit</button>
</form>
```
3. textarea 元素:使用 th:field 属性绑定表单域到后端 Java 对象的属性。
```html
<form th:object="${user}" method="post">
<label>Comment:</label>
<textarea th:field="*{comment}"></textarea>
<button type="submit">Submit</button>
</form>
```
以上是 Thymeleaf 中表单域的基本用法,你可以根据实际需求进行修改和扩展。
阅读全文