溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Yii2如何定制表單輸入字段的標簽和樣式

發(fā)布時間:2021-07-19 09:43:55 來源:億速云 閱讀:129 作者:小新 欄目:開發(fā)技術

這篇文章主要介紹Yii2如何定制表單輸入字段的標簽和樣式,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

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

要生成一個具有l(wèi)abel、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參數(shù):

<?= $form->field($model, 'username',['labelOptions' => ['label' => 'Nick name','class' => 'your own class']]) ?>

還有一個更加面向?qū)ο蟮姆椒ㄊ牵?/p>

<?= $form->field($model, 'username')->textInput()->hint('Please enter your nick name instead of email')->label('Nick name') ?>

以上是“Yii2如何定制表單輸入字段的標簽和樣式”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關知識,歡迎關注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI