詳解Yii2 定制表單輸入字段的標(biāo)簽和樣式
Yii2中對(duì)于表單和字段的支持組件為ActiveForm和ActiveField,
要生成一個(gè)具有l(wèi)abel、input、error提示這樣通用格式的登錄框,可編寫(xiě)如下代碼:
<?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() ?>
上述代碼生成兩個(gè)帶默認(rèn)標(biāo)簽名(如Username,Password)的表單輸入框(input)。
如果想更改輸入框的標(biāo)簽及其樣式,有兩個(gè)方式,一個(gè)是通過(guò)labelOptions參數(shù):
<?= $form->field($model, 'username',['labelOptions' => ['label' => 'Nick name','class' => 'your own class']]) ?>
還有一個(gè)更加面向?qū)ο蟮姆椒ㄊ牵?/p>
<?= $form->field($model, 'username')->textInput()->hint('Please enter your nick name instead of email')->label('Nick name') ?>
更多關(guān)于表單和字段的內(nèi)容,請(qǐng)參考Yii2在線中文指南-表單章節(jié)。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
php設(shè)計(jì)模式之原型模式分析【星際爭(zhēng)霸游戲案例】
這篇文章主要介紹了php設(shè)計(jì)模式之原型模式,結(jié)合星際爭(zhēng)霸游戲案例形式分析了PHP原型模式的原理、使用方法與操作注意事項(xiàng),需要的朋友可以參考下2020-03-03使用PHPMyAdmin修復(fù)論壇數(shù)據(jù)庫(kù)的圖文方法
服務(wù)器意外重啟或者斷電、MySQL 不穩(wěn)定等,都有可能引起數(shù)據(jù)表?yè)p壞。本教程簡(jiǎn)單講述如何使用 phpMyAdmin 修復(fù)數(shù)據(jù)表2012-01-01Chart.js在Laravel項(xiàng)目中的應(yīng)用示例
本篇文章主要介紹了Chart.js在Laravel項(xiàng)目中的應(yīng)用示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09PHP實(shí)現(xiàn)自動(dòng)發(fā)送郵件功能代碼(qq 郵箱)
本文給大家分享以qq郵箱為例給大家介紹PHP實(shí)現(xiàn)自動(dòng)發(fā)送郵件功能代碼,感興趣的朋友參考下吧2017-08-08smarty模板引擎之分配數(shù)據(jù)類(lèi)型
這篇文章主要介紹了smarty模板引擎之分配數(shù)據(jù)類(lèi)型,實(shí)例分析了smarty模板引擎數(shù)據(jù)類(lèi)型的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03