詳解Yii2 定制表單輸入字段的標簽和樣式，yii2字段

詳解Yii2 定制表單輸入字段的標簽和樣式，yii2字段

Yii2中對於表單和字段的支持組件為ActiveForm和ActiveField，

要生成一個具有label、input、error提示這樣通用格式的登錄框，可編寫如下代碼：

 <?php $form = ActiveForm::begin([ 
  'id' => 'login-form', 
  'options' => ['class' => 'form-horizontal'], 
  'fieldConfig' => [ 
   'template' => "{label}\n<div class=\"col-lg-3\">{input}</div>\n<div class=\"col-lg-8\">{error}</div>", 
   'labelOptions' => ['class' => 'col-lg-1 control-label'], 
  ], 
 ]); ?> 
 
 <?= $form->field($model, 'username') ?> 
 <?= $form->field($model, 'password')->passwordInput() 
 ?> 

上述代碼生成兩個帶默認標簽名（如Username，Password）的表單輸入框（input）。

如果想更改輸入框的標簽及其樣式，有兩個方式，一個是通過labelOptions參數：

復制代碼 代碼如下:
<?= $form->field($model, 'username',['labelOptions' => ['label' => 'Nick name','class' => 'your own class']]) ?>

還有一個更加面向對象的方法是：

復制代碼 代碼如下:
<?= $form->field($model, 'username')->textInput()->hint('Please enter your nick name instead of email')->label('Nick name') ?>

更多關於表單和字段的內容，請參考Yii2在線中文指南-表單章節。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持幫客之家。