使用twig将自定义HTML附加到与form_row相同的div

时间:2013-11-26 20:29:02

标签: html css twig zurb-foundation

我正在显示需要还包含自定义类块的表单字段,如果将错误数据输入到字段中,该字段将显示错误。

例如,下面的代码:

<div class="row">
                <div class="small-12 large-6 columns">{{ form_row(form.patientFirstName) }}<small class="error">A valid email address is required.</small></div>
            </div>

呈现以下内容:

<div class="row">
                <div class="small-12 large-6 columns"><div><label for="form_patientFirstName" class="required"><span class="required" title="This field is required">*</span>

    Patient first name</label><input type="text" id="form_patientFirstName" name="form[patientFirstName]" required="required"    pattern="[a-zA-Z]+" /></div><small class="error">A valid email address is required.</small></div>

            </div>

我希望<small class="error">A valid email address is required.</small>成为包含标签和输入的div的一部分。我突出了他们两个。

1 个答案:

答案 0 :(得分:1)

如文档中所述:

  

form_row(form.dueDate) - 呈现标签,任何错误和HTML   默认情况下,内部的给定字段(例如dueDate)的窗体小部件   div元素;

因此,您需要手动渲染每个字段,如下所示。

<div>
    {{ form_label(form.patientFirstName) }}
    <small class="error">A valid email address is required.</small>
    {{ form_errors(form.patientFirstName) }}
    {{ form_widget(form.patientFirstName) }}
</div>