thymeleaf html 中 <textarea 回显后端传过来的值 <input type="input" placeholder="请选择时间" onClick="WdatePicker({dateFmt:'yyyy-MM-dd', minDate:'%y-%M-%d', readOnly:true})" class="form-control radius3" id="closeTime" name="closeTime"/> input这个也回显后端显示的值。
时间: 2024-02-14 20:15:36 浏览: 34
可以使用Thymeleaf的属性绑定语法`${}`来实现HTML元素中的值的回显。对于`<textarea>`元素,可以通过绑定`th:text`属性来实现回显,例如:
```
<textarea th:text="${backendValue}"></textarea>
```
对于`<input>`元素,可以通过绑定`th:value`属性来实现回显,例如:
```
<input type="text" th:value="${backendValue}" />
```
在这个例子中,`${backendValue}`是从后端传递到前端的值。当Thymeleaf渲染页面时,它会将`${backendValue}`替换为实际的值。这样就可以在页面上显示从后端传递过来的值。
相关问题
thymeleaf html 中 对<input <textarea <input type="text" 进行不可选 不可编辑的控制 比如这段 <td colspan="1"><input type="text" id="drawPeople" name="drawPeople" th:value="${spotCheck.drawPeople}" class="form-control" placeholder="请输入点检人姓名" autocomplete="off"/> </td>
要对 `input` 和 `textarea` 标签进行不可选和不可编辑的控制,可以添加 `th:attr` 属性和 `th:readonly` 属性,具体方法如下:
1. 不可选
要使 `input` 和 `textarea` 标签变为不可选状态,可以添加 `th:attr` 属性并设置 `disabled` 属性的值为 `disabled`。例如:
```html
<input th:attr="disabled=${true}" type="text" id="drawPeople" name="drawPeople" th:value="${spotCheck.drawPeople}" class="form-control" placeholder="请输入点检人姓名" autocomplete="off"/>
```
这会使 `input` 标签变为不可选状态。同样,对于 `textarea` 标签也可以使用这种方法。
2. 不可编辑
要使 `input` 和 `textarea` 标签变为不可编辑状态,可以添加 `th:readonly` 属性并设置属性值为 `${true}`。例如:
```html
<input th:readonly="${true}" type="text" id="drawPeople" name="drawPeople" th:value="${spotCheck.drawPeople}" class="form-control" placeholder="请输入点检人姓名" autocomplete="off"/>
```
这会使 `input` 标签变为不可编辑状态。同样,对于 `textarea` 标签也可以使用这种方法。
需要注意的是,如果要同时使 `input` 和 `textarea` 标签既不可选又不可编辑,可以同时添加 `th:attr` 和 `th:readonly` 属性。例如:
```html
<input th:attr="disabled=${true}" th:readonly="${true}" type="text" id="drawPeople" name="drawPeople" th:value="${spotCheck.drawPeople}" class="form-control" placeholder="请输入点检人姓名" autocomplete="off"/>
```
这会同时使 `input` 标签既不可选又不可编辑。
用th:each循环输出<input type="button"/>可以吗
可以的,你可以使用 `th:each` 循环来动态生成多个 `<input type="button"/>` 元素。示例代码如下:
```
<div th:each="button : ${buttons}">
<input type="button" th:value="${button.value}" th:text="${button.label}" />
</div>
```
在上面的示例中,`${buttons}` 是一个包含多个按钮信息的列表,`button` 表示循环中的当前按钮对象。循环体内的 `<input>` 元素使用了 Thymeleaf 的属性选择器来设置按钮的值和文本。`${button.value}` 表示按钮的值,`${button.label}` 表示按钮的文本。
通过使用 `th:each` 循环,可以根据数据动态生成多个按钮,这样可以简化 HTML 代码的编写,并且使页面内容更加灵活。