程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> 詳解Yii2 定制表單輸入字段的標簽和樣式,yii2字段

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

編輯:關於PHP編程

詳解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在線中文指南-表單章節。

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

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved