Thymeleaf封装可传空参表单片段时报"属性?重复"异常的咨询

你遇到的标记畸形异常，核心是两处语法错误：

• 在input标签的尖括号内部使用了未闭合的双中括号内联表达式，HTML解析器在Thymeleaf渲染前就会把这堆带?、=的内容拆解成重复的非法属性，直接触发标记格式校验失败，根本走不到Thymeleaf的业务逻辑解析流程
• 混淆了Thymeleaf内联表达式的适用场景：[[...]] 是用于输出标签包裹的文本内容，不能用来动态拼接标签属性
  另外当前片段没有显式声明入参，一旦调用时漏传参数，很容易触发未定义变量的运行时错误。

1. 修正片段定义语法 #

给片段显式声明入参列表，利用Thymeleaf对布尔属性的原生支持实现空参兼容，修正后的完整片段代码如下：

<div th:fragment="myField(field, label, type, required, disabled, info)" class="mb-3">
    <label th:for="${field}" th:text="#{${label}}"></label>
    <input 
        th:type="${type == null ? 'text' : type}" 
        th:id="${field}" 
        class="form-control"
        th:required="${required != null}"
        th:disabled="${disabled != null}"
    >
    <small th:if="${info != null}" class="form-text text-muted" th:text="#{${info}}"></small>
</div>

2. 逻辑兼容说明 #

这种写法天然满足“参数支持传空”的需求：

• 调用片段时如果没有通过th:with传入type、required、disabled、info参数，Thymeleaf会自动把缺失的入参赋值为null
• type参数为空时自动使用默认的text输入类型
• required、disabled参数不为空时，Thymeleaf会自动把对应的布尔属性渲染到input标签上；参数为空时直接不渲染对应属性
• info参数为空时，自动隐藏下方的提示文本块

3. 原有调用方式无需修改 #

你之前写的调用代码可以正常运行，完全不需要调整：

<div th:insert="~{fragments/myLayout :: myField}" th:with="field=name,label=person.name,required=true"></div>

在这个调用示例中，type、disabled、info三个参数没有显式传值，会自动走片段内的默认分支逻辑。

如果遇到其他需要动态拼接自定义属性的场景，可以使用th:attr实现等价逻辑，例如：

<input th:attr="required=${required != null}, disabled=${disabled != null}">

这种写法和使用专属th:required、th:disabled的渲染效果完全一致，兼容性更好。

内容的提问来源于stack exchange，提问作者bz3x