Thymeleaf 中 th:text 和 th:value 的区别

Question

我最近才开始通过我的一个项目使用 Thymeleaf。我见过几个例子，其中 th:text=${example} 在某些地方 th:value=${example} 被使用。

我已经浏览了 Thymeleaf 文档，但找不到任何明确引用差异的内容，也没有关于 SO 的任何问题。

任何帮助将非常感激！谢谢。

Answer 1

• th:value是修改 html 属性value。对于按钮、输入和选项元素，value 属性指定元素的初始值
• th:text 用于标签体修改。

div{background-color: lightblue; padding: 2px} // to highlight empty div

<!--th code:               <div th:value="${value}"/></div> -->
<br/>Result th:value div:  <div value="sometext"/></div>
        
<!--th code:               <form><input th:value="${value}"/></form>-->
<br/>Result th:value form: <form><input value="sometext"></form> 

<!--th code:               <div th:text="${value}"></div> 
Same as:                   <div>[[${value}]]</div> -->
<br/>Result th:text div:   <div>sometext</div>

这是不同Thymeleaf 属性特性的文档