thymeleaf编译原生htmlo属性命令
时间: 2024-03-11 19:48:28 浏览: 112
springboot2.7.15+thymeleaf 代码
Thymeleaf中的属性命令分为两种:Thymeleaf自定义的属性命令和原生HTML属性命令。原生HTML属性命令是指在HTML中原本就存在的属性命令,例如class、id等。而Thymeleaf自定义的属性命令则是使用th:前缀定义的命令,例如th:text、th:each等。
在Thymeleaf中,如果需要使用原生HTML属性命令,需要在属性名前加上th:attr前缀,例如:
```
<input type="text" th:attr="placeholder=#{'Enter ' + user.name}" />
```
上面的代码中,将placeholder属性的值设置为"user.name"变量的值。
除了th:attr指令,Thymeleaf还提供了其他几个指令用于处理原生HTML属性命令,包括:
1. th:value:用于设置value属性的值;
2. th:href:用于设置href属性的值;
3. th:src:用于设置src属性的值;
4. th:checked:用于设置checked属性的值;
5. th:selected:用于设置selected属性的值;
6. th:disabled:用于设置disabled属性的值。
例如:
```
<input type="text" th:value="${user.name}" />
<a th:href="@{http://www.example.com}" th:text="Example Website"></a>
<img th:src="@{${user.avatarUrl}}" />
<input type="checkbox" th:checked="${user.isAgree}" />
<select>
<option th:each="item : ${items}" th:value="${item.value}" th:selected="${item.selected}" th:text="${item.text}"></option>
</select>
<input type="text" th:disabled="${user.isDisabled}" />
```
以上是Thymeleaf编译原生HTML属性命令的方法,希望能对你有所帮助!
阅读全文