Thymeleaf - 将
附加到输入标签

2023-12-11

我正在尝试附加一个<br>在表单中的每个输入行之后,但 Thymeleaf 一直给我解析错误。

这是我遇到问题的代码片段:

<form th:if="${not #lists.isEmpty(brands)}">
<input th:each="brand : ${brands}" type="checkbox" th:value="${brand.name}" th:utext="${brand.name + <br>}" />
</form>

如果我添加<br>标签在输入标签之外,它不会将其添加到每一行。

提前致谢


我认为你可能以错误的方式处理这件事。

th:utext会插入那个within the <input>节点。但是,根据HTML5 规范,什么都没有发生<input>标签(“内容模型:空。”)

我想你想要更多这样的东西:

<form th:if="${not #lists.isEmpty(brands)}">
    <th:block th:each="brand : ${brands}">
        <label th:for="${#ids.next('brand')}" th:text="${brand.name}">Brand A</label>
        <input type="checkbox" th:id="${#ids.seq('brand')}"
            name="brand" th:value="${brand.name}"/>
        <br/>
    </th:block>
</form>

如果您使用 Spring MVC,您可能还会发现此示例很有帮助:http://www.thymeleaf.org/doc/tutorials/2.1/thymeleafspring.html#checkbox-fields

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Thymeleaf - 将
附加到输入标签 的相关文章

  • CSS:如何在“div”内垂直对齐“标签”和“输入”?

    考虑以下代码 http jsfiddle net s2qBw 3 HTML div div
  • 何时使用
    换行符 vs CSS 定位?

    我经常想知道如何正确使用 br 越线 似乎它们经常被错误地用于定位或清除应该使用 CSS 的内容 W3schoools org 说使用 br 适用于空白行 但不适用于创造或分离 http www w3schools com tags tag
  • 按下了哪个提交按钮?

    在这个jsfiddle中 http jsfiddle net littlesandra88 eGRRb http jsfiddle net littlesandra88 eGRRb 我是否提交了自动生成的按钮 每个表行都有一个唯一的 ID
  • 如何在 Chrome 中实现抓取光标图标?

    我知道可以在 Chrome 中使用抓取光标图标 当然是在 Gmail 中 但我不知道如何在我的代码中实现它 我已经尝试过 在CSS中 body cursor grab body cursor webkit grab body cursor
  • 通过 HTML5 文件和 URL API 正确创建和提供 PDF Blob

    好吧 假设我有文档数据存储在某处 让我们任意取this pdf http www grida no climate ipcc tar wg1 pdf tar 01 pdf 问题 1 我想要做的是对此 URL 进行 AJAX 调用 因为我需要
  • 当我“显示:无”一个 SVG 时,另一个(独立的)SVG 会以不同的方式呈现

    我已经伤透了几个小时了 这没有任何意义 我将遇到的问题减少到这个codepen https codepen io Octopous pen OJORpJQ https codepen io Octopous pen OJORpJQ HTML
  • 如何使用 CSS 将 div 置于表格中心?

    我正在尝试向我的网站之一添加幻灯片 整个页面布局在一个 HTML 表格中 我非常讨厌它并且没有选择 我想将我的幻灯片放在该特定列的中心 我的 CSS 如下所示 slideshow position relative slideshow IM
  • 转换 SVG 过滤器

    我正在尝试创建一个像 SVG 圆圈上的阴影这样的材质设计 我希望当您单击圆圈时 这个阴影能够以良好的过渡来增长 但目前我正在努力弄清楚是否可以为这种过渡设置动画 所以我希望有人能够提供帮助 我添加了一个到目前为止所得到的小例子 一个带有阴影
  • 如何将 HTML 表格转换为 csv 格式?

    是否有 HTML 解析器或某些库可以自动将 HTML 表格转换为 CSV 数据行 Here is http www unix com shell programming scripting 45274 html table csv html
  • 页面不会居中对齐

    我遇到了 CSS 问题 http www luukratief design nl dump parallax index html http www luukratief design nl dump parallax index htm
  • 响应式菜单:悬停子菜单显示错误

    简而言之 我根据教程创建了一个响应式菜单 当您将鼠标悬停在投资组合按钮上时 菜单应该显示子菜单 而在移动模式下 您需要按该按钮才能显示子菜单 效果很好 问题是该教程有一个错误 如果您在桌面模式下按组合按钮 子菜单将不会再次显示 除非您按 单
  • 如何在 jQuery 中检查复选框是否被选中?

    我需要检查checked复选框的属性 并使用 jQuery 根据选中的属性执行操作 例如 如果age复选框被选中 然后我需要显示一个文本框来输入age 否则隐藏文本框 但下面的代码返回false默认情况下 if isAgeSelected
  • Javascript / jQuery - 转换特殊 html 字符

    我有一个pre元素中包含一些 html 代码 该代码中有特殊字符 例如 lt 所以它不会破坏页面 然后我有一个 javascript 函数 它获取此 pre 元素的内容 突出显示它 使用 codemirror 并用突出显示的文本替换元素内容
  • html5 canvas 使用图像作为蒙版

    是否可以使用具有形状的图像作为整个画布或画布内图像的蒙版 我想将图像放置在画布中 并在图像上添加蒙版 然后将其另存为新图像 您可以使用 source in globalCompositeOperation 将黑白图像用作蒙版 首先 将蒙版图
  • mailto:相当于电话的链接? [复制]

    这个问题在这里已经有答案了 有没有办法使用 html 和 或 JS 链接图像以便拨打电话 类似于 mailto 链接 如果可能的话 这只会让生活变得更加轻松 假设如果一个人有 Skype 是否可以通过一个按钮为他们打开 Skype 并拨打电
  • 带滚动条的 HTML 画布

    我正在宽度不等的画布上绘制图表 每个画布可以有自己的滚动条吗 我尝试将所有画布放在一个 div 中并指定最大宽度 但它不起作用 是否有可能所有画布在页面上的可见宽度均为 500 像素 并且每个画布都有其滚动条来查看画布的整个宽度 谢谢 指定
  • 如何使用 jQuery UI Sortable 正确相交?

    这是我对 jQuery UI Sortable 进行动画处理的尝试 https codepen io anon pen YdMOXE https codepen io anon pen YdMOXE var startIndex chang
  • 为什么盒子大小调整不适用于画布元素上的宽度/高度属性?

    让我们考虑一下这段代码 canvas width 150px height 150px canvas box sizing border box border 5px solid
  • 从 html 页面和 javascript 调用 java webservice

    我正在尝试从 javascript 调用 java 实现的 Web 服务 使用 NetBeans IDE 我读过很多关于 jQuery 和 AJAX 的内容 但我似乎无法掌握它 假设我的 Web 服务 WSDL 位于 http localh
  • 为 Gmail 设计 HTML 电子邮件

    我正在生成一封使用内部样式表的 html 电子邮件 即 h2 class foo Email content here 在 Gmail 中查看时 内部样式表中的所有样式似乎都被忽略 Gmail 似乎忽略了内联规则以外的所有样式 例如 h2

随机推荐

  • DateTime 和 ASP.NET MVC 3 模型绑定的全球化问题

    我的应用程序在 ro RO 区域性设置下运行 在 web config 全球化部分中配置 如果我发出像这样的 POST 请求 POST myapp index date 03 12 2010 value something 模型绑定将此映射
  • IE8 在 JavaScript 弹出窗口上奇怪地崩溃

    创建弹出窗口后我遇到一个奇怪的问题onclick 弹出窗口打开 但在 IE8 上立即挂起 在包括 IE6 在内的所有其他浏览器上工作正常 但在添加alert如 JavaScript 代码中所示 弹出窗口工作正常 我在用 https 并不是
  • 如何在 TypeScript 中定义 Singleton

    在 TypeScript 中为类实现单例模式的最佳和最方便的方法是什么 有或没有延迟初始化 从 TS 2 0 开始 我们有能力定义构造函数的可见性修饰符 所以现在我们可以在 TypeScript 中执行单例 就像我们习惯在其他语言中一样 给
  • 非空约束上的 Hibernate JoinColumn 错误

    这是我的课程列表 MappedSuperclass public abstract class JpaModel Id Column name ID columnDefinition serial GeneratedValue strate
  • 除了 Davg 之外还有其他求平均值的方法吗?

    我在工作中继承了这个访问数据库 我正在寻找一种更快的方法来编写一些代码 目前运行该程序大约需要 1 5 分钟 我需要它更快 目前我已将其全部设置为 DAvg 和 DCount 但问题是它基本上打开和关闭其使用的每一行的查询 就其本身而言很好
  • Weblogic Prefer 应用程序包不工作

    我使用的是Weblogic 10 3 6门户服务器 Weblogic 10 3 6始终使用weblogic附带的common fileupload jar 但我希望服务器使用我在战争中拥有的服务器 用例是我有 war1 它使用 war2 内
  • 如果类型与类型说明符不匹配,printf 如何工作?

    int main printf c n return 0 这里根据类型说明符需要一个字符 但我们正在通过它const char 我希望它会在代码块 GNU GCC 编译器中给我一条警告消息 但它没有给我任何警告并打印 特点 为什么它不发出任
  • VS2010 中的扩展管理器错误?

    当我尝试从 VS2010 Ultimate 打开扩展管理器时 出现此错误 指定的路径 文件名或两者都太长 完全限定文件名 Microsoft Visual Studio 必须少于 260 个字符 目录名必须少于 248 个字符 我之前曾使用
  • 选择列时出现 KeyError

    我试图调用一个字段并收到错误 调用该表中的任何字段都会出现相同的错误 df ret pd read csv Retention Data csv na values print df ret Cohorts Retention Rate 这
  • 如何在Python中创建第二个None?创建一个 id 始终相同的单例对象

    警告 以下问题要求提供有关不良做法和脏代码的信息 建议开发商酌情决定 注意 这与在 Python 中创建单例问题是因为我们想要解决酸洗和复制以及正常的对象创建问题 目标 我想创造一个价值 称为NoParam 模拟的行为None 具体来说 我
  • 如何使用 log4j2 记录 CXF Web 服务请求?

    我想记录所有传入和传出CXF对特定日志文件的请求 但我通过以下配置得到的只是控制台输出 这里有什么问题吗 log4j2 xml
  • 如何停用浏览器中的缓存?

    例如 如果您退出雅虎邮件 然后单击后退按钮 它不会加载最后一页 而是将您重定向到登录页面 我必须用我的 PHP 代码来完成此操作 我正在使用 CodeIgniter 有些朋友告诉我禁用缓存 但这将是一件坏事 因为我的系统中有很多图像 每次都
  • 为什么 Safari 会重复 GET 请求,而 Chrome 却不会?

    Update TL DR 这可能是 Safari 和 或 Webkit 中的错误 更长的 TL DR 在 Safari 中 使用 Fetch API 发出 GET 请求后 当页面重新加载时 Safari 会自动 无意中 重新运行该请求即使发
  • 位串最近邻搜索

    我有数十万个长度为 32 位的稀疏位串 我想对它们进行最近邻搜索 并且查找性能至关重要 我一直在阅读各种算法 但它们似乎针对文本字符串而不是二进制字符串 我认为局部敏感散列或频谱散列似乎都是不错的选择 或者我可以考虑压缩 这些中的任何一个都
  • DataGridView CellPaint 不能完全在滚动上工作

    第一次发帖 但浏览了很长时间 所以这是我的问题 基本上我有一个用于与用户交互的 datagridview 在所有行中 都有一个 信息 按钮 它会产生一种错觉 即它在其下方添加了另一行 并合并了所有单元格 整个行中的一个长单元格 并绘制了描述
  • 在python中计算矩形的质心

    我想计算矩形的质心 矩形的坐标如下 co ord 601 1006 604 1009 xmin ymin xmax ymax 有人可以指出一个简单的方法吗 谢谢 对角矩形的质心 x1 y1 and x2 y2 位于该矩形的中心 x1 x2
  • 将标头添加到 @aspnet/signalr Javascript 客户端

    我正在使用 aspnet signalr 官方 Javascript 客户端这个npm包 我想知道是否有办法将Header配置添加到客户端连接头 我如何建立联系 let connection new signalR HubConnectio
  • Scrapy xpath不提取包含特殊字符<%=的div

    我是 Scrapy 新手 我正在尝试从以下 URL 中提取 h2 文本 https www tysonprop co za agents 我有两个问题 我的 xpath 可以访问 script 元素 但无法找到 script 标记内的 h2
  • xml 格式文件和标识列的 bcp 导入错误

    我在 SQL Server 中创建了一个表 如下所示 CREATE TABLE dbo myId smallint IDENTITY 1 1 NOT NULL name nchar 10 NOT NULL value int NOT NUL
  • Thymeleaf - 将
    附加到输入标签

    我正在尝试附加一个 br 在表单中的每个输入行之后 但 Thymeleaf 一直给我解析错误 这是我遇到问题的代码片段