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>
时间: 2024-02-14 10:18:09 浏览: 380
浅析SpringBoot中使用thymeleaf找不到.HTML文件的原因
要对 `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` 标签既不可选又不可编辑。
阅读全文