詳解Yii2 定制表單輸入字段的標(biāo)簽和樣式
更新時(shí)間：2017年01月04日 11:19:40 作者：陳小峰_iefreer
本篇文章主要介紹了 Yii2 定制表單輸入字段的標(biāo)簽和樣式，Yii2中對(duì)于表單和字段的支持組件為ActiveForm和ActiveField，有興趣的可以了解一下。
Yii2中對(duì)于表單和字段的支持組件為ActiveForm和ActiveField，
要生成一個(gè)具有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()
?>
上述代碼生成兩個(gè)帶默認(rèn)標(biāo)簽名（如Username，Password）的表單輸入框（input）。
如果想更改輸入框的標(biāo)簽及其樣式，有兩個(gè)方式，一個(gè)是通過(guò)labelOptions參數(shù)：
復(fù)制代碼 代碼如下:
<?= $form->field($model, 'username',['labelOptions' => ['label' => 'Nick name','class' => 'your own class']]) ?>
還有一個(gè)更加面向?qū)ο蟮姆椒ㄊ牵?/p>
復(fù)制代碼 代碼如下:
<?= $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)文章
利用Homestead快速運(yùn)行一個(gè)Laravel項(xiàng)目的方法詳解
這篇文章主要給大家介紹了關(guān)于利用Homestead如何快速運(yùn)行一個(gè)Laravel項(xiàng)目的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11
Yii中srbac權(quán)限擴(kuò)展模塊工作原理與用法分析
這篇文章主要介紹了Yii中srbac權(quán)限擴(kuò)展模塊工作原理與用法,結(jié)合實(shí)例形式分析了srbac模塊的原理及權(quán)限操作的相關(guān)技巧,需要的朋友可以參考下2016-07-07
這篇文章主要介紹了smarty模板引擎之分配數(shù)據(jù)類型,實(shí)例分析了smarty模板引擎數(shù)據(jù)類型的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
laravel-admin select框默認(rèn)選中的方法
今天小編就為大家分享一篇laravel-admin select框默認(rèn)選中的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10
下面小編就為大家分享一篇PHP生成加減算法方式的驗(yàn)證碼實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
本文給大家匯總了幾個(gè)使用php實(shí)現(xiàn)篩選不存在圖片資源的方法，非常的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。2015-04-04
PHP設(shè)計(jì)模式之觀察者模式入門與應(yīng)用案例詳解
這篇文章主要介紹了PHP設(shè)計(jì)模式之觀察者模式入門與應(yīng)用,結(jié)合具體案例形式詳細(xì)分析了PHP觀察者模式的相關(guān)概念、原理、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2019-12-12
淺談php中變量的數(shù)據(jù)類型判斷函數(shù)
下面小編就為大家?guī)?lái)一篇淺談php中變量的數(shù)據(jù)類型判斷函數(shù)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
今天把客戶查找后門的時(shí)候發(fā)現(xiàn)的代碼，特分享下，看到這樣的代碼就是黑客用來(lái)攻擊別人訪問，不斷訪問指定網(wǎng)站，導(dǎo)致網(wǎng)站無(wú)法訪問，我們的網(wǎng)站就是幫兇了，同時(shí)我們自己的網(wǎng)站或服務(wù)器也會(huì)無(wú)法訪問，所以一定要注意防范。2012-10-10
在本篇文章里小編給大家整理的是一篇關(guān)于CakePHP的安裝的簡(jiǎn)單方法，對(duì)此有興趣的朋友們可以參考學(xué)習(xí)下。2021-01-01