thymeleaf 设置属性值

最新推荐文章于 2022-05-11 17:08:12 发布

o_瓜田李下_o

最新推荐文章于 2022-05-11 17:08:12 发布

阅读量311

点赞数

分类专栏： thymeleaf

本文链接：https://blog.csdn.net/weixin_43931625/article/details/107882884

版权

thymeleaf 专栏收录该内容

25 篇文章 3 订阅

订阅专栏

thymeleaf 设置属性值

******************

相关标签

th:attr：设置一个、多个属性值

th:attrappend：追加设置属性值（后置）

th:attrprepend：追加设置属性值（前置）

th:classappend：追加设置class属性

th:styleappend：追加设置style属性

******************

示例

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org" xmlns:sec="https://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style type="text/css">
    .color {
        color: coral;
    }

    .background-color {
        background-color: greenyellow;
    }

    .background-color2 {
        background-color: purple;
    }
</style>
<body>
<div th:align="center">
    <form>
        <input type="text" th:value="瓜田李下"><br>
        <input type="text" th:attr="value='海贼王',title='name'"><br><br>

        <input type="checkbox" name="interest" th:checked="checked">篮球
        <input type="checkbox" name="interest" th:checked="true">音乐
        <input type="checkbox" name="interest" checked>划水
        <input type="checkbox" name="interest">阅读<br><br>

        <input type="radio" name="sex" th:checked="true">男
        <input type="radio" name="sex">女<br>
    </form>
</div><br>

<div th:align="center">
    <strong>
        <span class="color" th:attrappend="class=' background-color'">瓜田李下</span><br>
        <span class="color" th:classappend="' background-color2'">瓜田李下</span><br>
        <span style="color: coral" th:styleappend="';background-color: green'">瓜田李下</span><br>
    </strong>
</div>
</body>
</html>

使用测试