php - Zend 表单输入字段彼此相邻

Question

如果您正在阅读本文，您可能知道自定义 Zend 表单的布局是多么痛苦。我想要实现的是这样的布局:

Name: [Type your first name here][Type your last name here]
Address: [Type your street here][Type your number here][Type your addition here]

有谁知道如何实现这一目标，或者任何人都可以给我指出一个很好的例子？

Answer 1

我会尝试做的是为表单和不同类型的字段创建自定义装饰器。

用于周围表单元素的表单装饰器

<form>%rows</form>

用于分隔行的行装饰器

<div style="clear: both">%elements</div>

一个元素装饰器，显示标签和元素，并全部向左 float

<span style="float: left">%label</span>%left_floated_element

仅显示元素并将其 float 到左侧的元素装饰器

%left_floated_element

输出将导致类似:

<!-- Form decorator output -->
<form>
    <!-- Extra decorator to make sure you get rows -->
    <div style="clear: both">
        <!-- First element decorator output: label and element -->
        <span style="float: left">Name</span><input type="text" name="firstname" style="float: left" .../> 
        <!-- Second element decorator output: just the element -->
        <input type="text" name="lastname" style="float: left" .../> 
    </div>
    <!-- Extra decorator to make sure you get rows -->
    <div style="clear: both">
        <!-- First element decorator output: label and element -->
        <span style="float: left">Address</span><input type="text" name="street" style="float: left" .../> 
        <!-- Second element decorator output: just the element -->
        <input type="text" name="number" style="float: left" .../> 
        <!-- Second element decorator output: just the element -->
        <input type="text" name="addition" style="float: left" .../> 
    </div>
</form>

您还可以更改使用的 HTML 来构建表格，而不是使用 div 来完成工作。

查看 Zend Framework 手册以获取有关如何创建自己的自定义装饰器的更多信息。

http://framework.zend.com/manual/en/zend.form.decorators.html