如何在cakephp中内联文本框和按钮

Question

我试图将文本框和提交按钮内嵌在默认布局页面的顶部以进行搜索，但提交按钮却落在文本框下方，弄乱了我的布局。我试过这个

    echo $this->Form->create('Service', array(
        'url' => array_merge(array('action' => 'search'), $this->params['pass'])
    ));
    echo $this->Form->input('service_title', array('label' => false)).$this->Form->end(__('Find'));

我不知道是否是CSS问题，但正常的html标签显示得很好

Answer 1

好吧，Cake 生成的“异常”HTML 标签是什么样子的……？我很确定 Cake 会生成正常的 HTML。

这是一个纯CSS问题。

如果您需要为您的输入提供特定的类，您可以这样做：

$this->Form->input('some_field', array(
    'class' => 'some-class',
    'id' => 'some-specific-id'
));

然后根据你想要的样子编写 CSS。

Answer 2

Cakephp 添加额外的标签...用于内联输入和按钮添加选项

div => false

，例如：

echo $this->Form->input('service_title', array('div' => false, 'label' => false, 'class' => 'myClassName'));

您也可以在表单中为所有输入设置表单选项

inputDefaults

，例如：

echo $this->Form->create('Service', array(
    'inputDefaults' => array(
        'label' => false,
        'div' => false
    )
));

那么您不必为每个输入设置

div => false

，请阅读有关表单的更多信息：http://book.cakephp.org/2.0/en/core-libraries/helpers/form.html