TYPO3表单开发:如何在提交按钮下方添加文本(新手求助)
TYPO3表单提交按钮下方添加文本的解决方法
针对你遇到的问题,提供几种实用方案:
1. 自定义Fluid模板
找到表单对应的Fluid模板(默认路径为EXT:form/Resources/Private/Layouts/Form.html或自定义模板目录),定位到提交按钮的渲染代码,在按钮后直接添加文本:
<f:form.submit value="提交" /> <p>你需要显示的文本内容</p>
注意:不要直接修改系统模板,建议复制模板到自己的自定义扩展中,再通过TypoScript指定模板路径:
plugin.tx_form { view { templateRootPaths.10 = EXT:你的扩展标识/Resources/Private/Templates/Form/ layoutRootPaths.10 = EXT:你的扩展标识/Resources/Private/Layouts/Form/ partialRootPaths.10 = EXT:你的扩展标识/Resources/Private/Partials/Form/ } }
2. 通过表单YAML配置添加内容元素
在表单的YAML配置文件中,在提交按钮节点后添加一个ContentElement类型的元素:
type: Form identifier: 你的表单标识 label: 表单名称 renderables: # 其他表单元素... - type: Submit identifier: submit label: 提交 - type: ContentElement identifier: postSubmitText properties: content: '<p>按钮下方的文本内容</p>'
这种方式无需修改模板,直接通过表单配置实现。
3. CSS伪元素实现(静态文本)
如果文本是静态内容,可通过CSS定位实现,给表单添加自定义类后,使用:after伪元素:
.your-form-class .form-submit:after { content: '按钮下方的文本'; display: block; margin-top: 10px; color: #666; }
内容的提问来源于stack exchange,提问作者Cliq Out
相关产品推荐
相关产品推荐

