如何将Glyphicons图标输入?

时间:2017-03-10 13:33:52

标签: php html zend-framework zend-framework2

如何在下面的输入中添加Glyphicons图标?

代码的一部分:

class GrupoUsuarioForm{
        $this->setAttributes(array(
            'method' => 'POST',
            'class'  => 'formGrupoUsuario',
            'name'   => 'formGrupoUsuario' 
    ));
    $this->setInputFilter(new GrupoUsuarioInputFilter());    

    $dataCadastro = new Text('data_grp');
    $dataCadastro->setValue(date('d/m/Y'))
    ->setAttributes(array(
    //'style' => 'width: 20%',
    'id', 'dataGrp',
    'readOnly' => 'true'
    ));
    $dataCadastro->setLabel('Data do Cadastro');        
    $this->add($dataCadastro);

希望这会返回HTML

    <label>Textbox with calendar icon</label>
    <div class="input-append"><input type="text" id="" name="">
    <span   class="add-on"><i class="icon-calendar"></i></span></div>

1 个答案:

答案 0 :(得分:0)

你想要把这个图标放在哪里? 您可以根据需要渲染表单元素。

在控制器中:

public function myAction()
{
    return new ViewModel([
        'form' => new GrupoUsuarioForm()
    ]);
}

在您看来:

// HTML code here
...
<?php $form = $this->form; ?>
<?php $form->prepare(); ?>
<?php echo $this->form()->openTag($form); ?>
...
<?php echo $this->formLabel($form->get('data_grp')); ?>
<div class="input-group">
    <div class="input-append">
        <?php echo $this->formInput($form->get('data_grp')); ?>
        <span class="add-on"><i class="icon-calendar"></i></span>
    </div>
</div>
...
<?php echo $this->form()->closeTag(); ?>