web-dev-qa-db-ja.com

Yii 2.0 <div class = "form-group">なしでフォームを生成する方法は?

<?php $form = ActiveForm::begin(['id' => 'contact-form']); ?>
        <?= $form->field($model, 'email',  [
                'inputOptions' => [ 'placeholder' => 'Ihre E-Mail Adresse', 'class' => 'newsletter-cta-mail' ]
        ])->label(false)->textInput(); ?>
        <?= Html::submitButton('20€ Gutschein sichern', ['class' => 'green newsletter-cta-button', 'name' => 'contact-button', 'value' => 'hallo']) ?>
<?php ActiveForm::end(); ?>

結果:

<form id="contact-form" action="/" method="post" role="form">
<input type="hidden" name="_csrf" value="WFlFWnIwU1Y3HnQKSn06GG46PXcjQRUzNCA9KhRiYCxvFXQ9RHIiPA==">     <div class="form-group field-newsletterform-email required has-error">

<input type="text" id="newsletterform-email" class="newsletter-cta-mail" name="NewsletterForm[email]" placeholder="Ihre E-Mail Adresse">

<p class="help-block help-block-error">Verification Code cannot be blank.</p>
</div>  <button type="submit" class="green newsletter-cta-button" name="contact-button" value="hallo">20€ Gutschein sichern</button></form>

しかし、ラッピングは必要ありません

これを無効にする方法は?

22
rakete

Html::activeTextInput() を使用するだけです:

<?= Html::activeTextInput($model, 'email', ['placeholder' => 'Ihre E-Mail Adresse', 'class' => 'newsletter-cta-mail']); ?>

または ActiveForm::$fieldConfig 設定:

ActiveForm::begin([
    'id' => 'contact-form',
    'fieldConfig' => [
        'options' => [
            'tag' => false,
        ],
    ],
]); 
30
soju

または、次のようにすることができます(divをspanに変更します)



    $form = ActiveForm::begin([
    'id' => 'contact-form',
    'fieldConfig' => [
                        'template' => "{input}",
                        'options' => [
                            'tag'=>'span'
                        ]
    ]
    ]); 

9
<?= $form->field($model, 'email', [
    'template' => '{input}', // Leave only input (remove label, error and hint)
    'options' => [
        'tag' => false, // Don't wrap with "form-group" div
    ],
]) ?>
7
Oleg

このように解決しました...タグをスパンとして配置します。また、ボックスの前にアイコンを追加することもできます。

<div id="login-box-inner">
    <?php $form = ActiveForm::begin([
        'id' => 'login-form',
        'options' => ['role'=>'form'],

        'fieldConfig' => [
            'options' => [
                'tag' => 'span',
            ],

        ],
    ]); ?>

    <?= $form->field($model, 'username',[
        'template' => '
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-user emerald"></i></span>
                {input}
            </div>
            {error}',
        'inputOptions' => [
            'placeholder' => 'Username ...',
            'class'=>'form-control',
        ]])
    ?>


    <?= $form->field($model, 'password', [
            'template' => '
                <div class="input-group">
                    <span class="input-group-addon"><i class="fa fa-key emerald"></i></span>
                    {input}
                </div>
                {error}',
            'inputOptions' => [
                'placeholder' => 'Password ...',
                'class'=>'form-control',
            ]])->input('password')
    ?>

    <?php ActiveForm::end(); ?>
2
Vikalp Veer