這篇文章主要介紹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)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
文章標題:Yii2如何定制表單輸入字段的標簽和樣式-創(chuàng)新互聯(lián)
新聞來源:http://www.ekvhdxd.cn/article44/ceedee.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、品牌網(wǎng)站建設(shè)、微信公眾號、關(guān)鍵詞優(yōu)化、用戶體驗、軟件開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容