TYPO3 9/10，tx_form 隐藏标签或添加 css class
TYPO3 9/10, tx_form hide label or add a css class
是否可以将 css class 添加到字段标签？我只需要在视觉上隐藏字段标签。我发现可以将 class 名称添加到字段本身或包含该字段但不包含标签或包含标签和字段的容器的容器中。
谢谢！
默认情况下没有。但是您可以将自定义 属性 添加到表单定义中的所需字段。
在 Fluid 部分“Field.html”中全局设置表单字段标签。这很方便：我们只需要调整单个模板即可支持所有字段。使用以下条件扩展标签的 class 属性。
文件“yourContactForm.form.yaml”：
identifier: someTextField
label: 'Label, hidden but available to screen readers'
type: Text
properties:
hideLabelVisually: 1
文件“Partials/Field/Field.html”:
<f:if condition="{doNotShowLabel} != 1">
<label class="control-label {f:if(condition: element.properties.hideLabelVisually, then: ' visually-hidden')}"
for="{element.uniqueIdentifier}">{formvh:translateElementProperty(element: element, property: 'label')}<f:if condition="{element.required}"><f:render partial="Field/Required" /></f:if></label>
</f:if>
是否可以将 css class 添加到字段标签？我只需要在视觉上隐藏字段标签。我发现可以将 class 名称添加到字段本身或包含该字段但不包含标签或包含标签和字段的容器的容器中。
谢谢！
默认情况下没有。但是您可以将自定义 属性 添加到表单定义中的所需字段。
在 Fluid 部分“Field.html”中全局设置表单字段标签。这很方便：我们只需要调整单个模板即可支持所有字段。使用以下条件扩展标签的 class 属性。
文件“yourContactForm.form.yaml”：
identifier: someTextField
label: 'Label, hidden but available to screen readers'
type: Text
properties:
hideLabelVisually: 1
文件“Partials/Field/Field.html”:
<f:if condition="{doNotShowLabel} != 1">
<label class="control-label {f:if(condition: element.properties.hideLabelVisually, then: ' visually-hidden')}"
for="{element.uniqueIdentifier}">{formvh:translateElementProperty(element: element, property: 'label')}<f:if condition="{element.required}"><f:render partial="Field/Required" /></f:if></label>
</f:if>