2016-09-10 13 views
2
<?php $form = ActiveForm::begin(); ?> 

<?= $form->field($model, 'title')->textInput(['maxlength' => true]) ?> 

<?php ActiveForm::end(); ?> 

ブートストラップ3ラッパーコードなしで入力テキストボックスを取得するにはどうすればよいですか?Yii2のブートストラップテンプレートなしのActiveFormの使用

カスタムHTMLラッパーを使用していますが、テキストボックスに独自のテンプレートを実装するにはどうすればよいですか。

ありがとう

+0

あなたのCSSデザインを使用したいです? –

+0

はい、私はブートストラップCSSを使いたくありません。私は自分のクラスを使いたいです。 –

答えて

4

divのクラスを変更するか入力するかによって異なります。

<?= $form->field($model, 'title', ['options' => ['class' => 'custom_class_div']])->textInput(['class' => 'custom_class_input']) ?> 

ブートストラップの上書きクラスを2つ指定しました。

custom_class_divは、div(入力の親)のためのboostrapを置き換えます。 custom_class_inputは入力のためにboostrapを置き換えます。基本的にはどちらの場合もform_groupを削除しますが、最初のオプションでは、入力フィールドが親div内の「行」全体を取り除き、2番目のオプションでは入力自体が変更されます(ただし、境界線の影がない、入力フィールドが小さいなど)。

あなたはすべてのクラスを持っていますが、ちょうどDIV/input要素にスタイルを使用したくない場合は、たとえば、styleclassを置き換えることができますが:

<?= $form->field($model, 'title')->textInput(['style' => 'width: 150px']) ?> 
関連する問題