設定屬性值-Thymeleaf常見用法(三)
設定屬性值
任何屬性
使用 th:attrib 設定某屬性的值
<form action=“ subscribe.html” th:attr=“ [email protected]{/subscribe}” >
結果這樣:
<form action= “ /subscribe” > 賦值或者重新設定值
重新設定img標籤的屬性值
<img src=“ ../../images/gtvglogo.png”
th:attr=“ [email protected]{/images/gtvglogo.png}, title=#{logo}, alt=#{logo}” />
設定特定屬性的值
使用 th:* ,其中的*是想設定到特定屬性。
比如打算設定value,那麼使用 th:value,設定action的值,使用th:action即可
內建很多屬性,詳見使用手冊 5.2 章節
一次性設定多個值
使用 th:arrtib1-attrib2
th:alt-title will set alt and title .
th:lang-xmllang will set lang and xml: lang .
附加
使用 th:attrappend 後面附加 th:attrprepend 前面附加
比如新增另外一個css樣式,新增到class裡面。
可以使用 th:classappend and th:styleappend,前者新增一個css的樣式,後者新增style內容
固定值的布林型別
在html中,有一種標籤,沒有值,按照一定的方式出現,它的值 true,但是在xhtml中,它的值是它本身。比如表單中的checked屬性。
<input type=“ checkbox” name=“ option2” checked /> <! - - HTML - - >
<input type=“ checkbox” name=“ option1” checked=“ checked” /> <! - - XHTML - - >
當user.active值為true的時候,checked被設定成true,否則不設定
<input type=“ checkbox” name=“ active” th:checked=“ ${user.active}” />
設定任意屬性 使用預設的處理器
th:* 就算*中屬性不存在於html tags中,仍然設定,例如:
<span th:whatever=“ ${user.name}” >…</span>
結果如下:
<span whatever=“ John Apricot” >…</span>
友好的支援html5標籤和元素名
<table>
<tr data- th- each=“ user : ${users}” >
<td data- th- text=“ ${user.login}” >…</td>
<td data- th- text=“ ${user.name}” >…</td>
</tr>
</table>
data-{prefix}-{name}是一種標準的方式來定義h5屬性,不需要使用namespace,th:
th:text= 等價於 th-text=