using thymeleaf之七设置属性的值(th:attr/th:value/th:alt-title/th:attrappend/th:attrprepend/th:checked)

本文主要是介绍using thymeleaf之七设置属性的值(th:attr/th:value/th:alt-title/th:attrappend/th:attrprepend/th:checked),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

原文来自:https://blog.csdn.net/sun_jy2011/article/details/40215423

7.1 th:attr

用于设置其他属性的值,但不是所有属性的值都能设置,如text。

[html]  view plain  copy
  1. <form action="subscribe.html" th:attr="action=@{/subscribe}">  
  2.   <fieldset>  
  3.     <input type="text" name="email" />  
  4.     <input type="submit" value="Subscribe me!" th:attr="value=#{subscribe.submit}"/>  
  5.   </fieldset>  
  6. </form>  

th:attr还可以同时设置多个属性的值,以逗号隔开

[html]  view plain  copy
  1. <img src="../../images/gtvglogo.png"   
  2.      th:attr="src=@{/images/gtvglogo.png},title=#{logo},alt=#{logo}" />  

7.2 th:alt-title

用于设置 alt 和title属性的值相同的两个属性。

[html]  view plain  copy
  1. <img src="../../images/gtvglogo.png"   
  2.      th:src="@{/images/gtvglogo.png}" th:title="#{logo}" th:alt="#{logo}" />  

用th:alt-title后:

[html]  view plain  copy
  1. <img src="../../images/gtvglogo.png"   
  2.      th:src="@{/images/gtvglogo.png}" th:alt-title="#{logo}" />  

7.3 th:attrappend和th:attrprepend

th:attrappend属性值前缀,例如一个标签的类名为a,想要变为“a b”,即增加一个类样式,可以使用此属性.

[html]  view plain  copy
  1. <input type="button" value="Do it!" class="btn" th:attrappend="class=${' ' + cssStyle}" />  

th:attrprepend的用法则相反,
[html]  view plain  copy
  1. th:attrappend="class=${cssStyle+' '}"  

7.4 th:checked设置复选框的值

此为布尔值属性之一,以后会详细介绍其他属性,在此先介绍th:checked。

(1)选中为:

[html]  view plain  copy
  1. <input type="checkbox" name="active" th:checked="true" />  
(2)未选中为:

[html]  view plain  copy
  1. <input type="checkbox" name="noactive" th:checked="false" />  
thymeleaf解析时不会设置th:checked属性,即解析后为

[html]  view plain  copy
  1. <input type="checkbox" name="noactive" />  

这篇关于using thymeleaf之七设置属性的值(th:attr/th:value/th:alt-title/th:attrappend/th:attrprepend/th:checked)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/605711

相关文章

Nginx设置连接超时并进行测试的方法步骤

《Nginx设置连接超时并进行测试的方法步骤》在高并发场景下,如果客户端与服务器的连接长时间未响应,会占用大量的系统资源,影响其他正常请求的处理效率,为了解决这个问题,可以通过设置Nginx的连接... 目录设置连接超时目的操作步骤测试连接超时测试方法:总结:设置连接超时目的设置客户端与服务器之间的连接

mybatis和mybatis-plus设置值为null不起作用问题及解决

《mybatis和mybatis-plus设置值为null不起作用问题及解决》Mybatis-Plus的FieldStrategy主要用于控制新增、更新和查询时对空值的处理策略,通过配置不同的策略类型... 目录MyBATis-plusFieldStrategy作用FieldStrategy类型每种策略的作

CSS弹性布局常用设置方式

《CSS弹性布局常用设置方式》文章总结了CSS布局与样式的常用属性和技巧,包括视口单位、弹性盒子布局、浮动元素、背景和边框样式、文本和阴影效果、溢出隐藏、定位以及背景渐变等,通过这些技巧,可以实现复杂... 一、单位元素vm 1vm 为视口的1%vh 视口高的1%vmin 参照长边vmax 参照长边re

在Java中使用ModelMapper简化Shapefile属性转JavaBean实战过程

《在Java中使用ModelMapper简化Shapefile属性转JavaBean实战过程》本文介绍了在Java中使用ModelMapper库简化Shapefile属性转JavaBean的过程,对比... 目录前言一、原始的处理办法1、使用Set方法来转换2、使用构造方法转换二、基于ModelMapper

Windows设置nginx启动端口的方法

《Windows设置nginx启动端口的方法》在服务器配置与开发过程中,nginx作为一款高效的HTTP和反向代理服务器,被广泛应用,而在Windows系统中,合理设置nginx的启动端口,是确保其正... 目录一、为什么要设置 nginx 启动端口二、设置步骤三、常见问题及解决一、为什么要设置 nginx

vue基于ElementUI动态设置表格高度的3种方法

《vue基于ElementUI动态设置表格高度的3种方法》ElementUI+vue动态设置表格高度的几种方法,抛砖引玉,还有其它方法动态设置表格高度,大家可以开动脑筋... 方法一、css + js的形式这个方法需要在表格外层设置一个div,原理是将表格的高度设置成外层div的高度,所以外层的div需要

电脑密码怎么设置? 一文读懂电脑密码的详细指南

《电脑密码怎么设置?一文读懂电脑密码的详细指南》为了保护个人隐私和数据安全,设置电脑密码显得尤为重要,那么,如何在电脑上设置密码呢?详细请看下文介绍... 设置电脑密码是保护个人隐私、数据安全以及系统安全的重要措施,下面以Windows 11系统为例,跟大家分享一下设置电脑密码的具体办php法。Windo

JavaScript中的isTrusted属性及其应用场景详解

《JavaScript中的isTrusted属性及其应用场景详解》在现代Web开发中,JavaScript是构建交互式应用的核心语言,随着前端技术的不断发展,开发者需要处理越来越多的复杂场景,例如事件... 目录引言一、问题背景二、isTrusted 属性的来源与作用1. isTrusted 的定义2. 为

如何设置vim永久显示行号

《如何设置vim永久显示行号》在Linux环境下,vim默认不显示行号,这在程序编译出错时定位错误语句非常不便,通过修改vim配置文件vimrc,可以在每次打开vim时永久显示行号... 目录设置vim永久显示行号1.临时显示行号2.永www.chinasem.cn久显示行号总结设置vim永久显示行号在li

Linux:alias如何设置永久生效

《Linux:alias如何设置永久生效》在Linux中设置别名永久生效的步骤包括:在/root/.bashrc文件中配置别名,保存并退出,然后使用source命令(或点命令)使配置立即生效,这样,别... 目录linux:alias设置永久生效步骤保存退出后功能总结Linux:alias设置永久生效步骤