<?php
use yii\bootstrap\activeform;
use yii\helpers\html;
$this->title = 'yii 中文網';
?>
<?php $form = activeform::begin(['id' => 'form-signup']); ?>
<?= $form->field($model, 'test1')->label('測試label') ?>
<?= $form->field($model, 'test2')->hint('測試hint')->label('測試提示'); ?>
<?= $form->field($model, 'test3')->input('text')->label('測試input') ?>
<?= $form->field($model, 'test3')->textinput()->label('測試文字框') ?>
<?= $form->field($model, 'test3')->hiddeninput()->label('測試隱藏框') ?>
<?= $form->field($model, 'test3')->passwordinput()->label('測試密碼框') ?>
<?= $form->field($model, 'test3')->textarea()->label('測試文字域') ?>
<?= $form->field($model, 'test3')->fileinput()->label('測試檔案上傳') ?>
<?= $form->field($model, 'test3')->radio()->label('測試radio') ?>
<?= $form->field($model, 'test3')->checkbox()->label('測試checkbox') ?>
<?= $form->field($model, 'test3')->listbox(['0'=>'box1','1'=>'box2'])->label('測試listbox') ?>
<?= $form->field($model, 'test3')->checkboxlist(['0'=>'box1','1'=>'box2'])->label('測試checkboxlist') ?>
<?= $form->field($model, 'test3')->radiolist(['0'=>'radio1','1'=>'radio2'])->label('測試radiolist') ?>
<?= $form->field($model, 'test3')->dropdownlist(['0'=>'下拉1','1'=>'下拉2']) ?>
<?= $form->field($model,'test3')->widget(yii\captcha\captcha::classname())->label('測試widget')?>
<?= html::submitbutton('按鈕', ['class' => 'btn btn-primary', 'name' => 'signup-button']) ?>
<?php activeform::end(); ?>
activeform高階用法(自定義寫法)
activeform表單引數:use yii\bootstrap\activeform;
$form = activeform::begin(['layout' => 'horizontal']);
// 隱藏form的標籤
echo $form->field($model, 'demo', [
'inputoptions' => [
'placeholder' => $model->getattributelabel('demo'),
],])->label(false);
// 內聯 radio list
echo $form->field($model, 'demo')->inline()->radiolist($items);
//水平模式控制規模大小
echo $form->field($model, 'demo', [
'horizontalcssclasses' => [
]]);
// 除了'default(預設)' 布局 你還可以用 'template' 制定特定的布局:
echo $form->field($model, 'demo', [
'template' => '
' ]);
// 輸入框模板配置
echo $form->field($model, 'demo', [
'inputtemplate' => '@
', ]);
activeform::end();
[[\yii\widgets\activefield]]. 加強版的bootstrap 3
這個類新增了一些有用的功能到 [[\yii\widgets\activefield|activefield]] 在不同的形式布局中提供各種bootstrap3的表單域:
- [[inputtemplate]] 是乙個用來呈現複雜輸入的可選模板,例如輸入組
- [[horizontalcssclasses]] 以橫向形式定義了css網路格以增加標籤,包裝和錯誤提示
- [[inline]]/[[inline()]] 被用於提供內聯的[[checkboxlist()]] 和[[radiolist()]]
- [[enableerror]] 被設定為『false』以禁用錯誤
- [[enablelabel]] 被設定為`false` 以禁用標籤
- [[label()]] 和boolean值一起使用,來啟用和禁用標籤
也有一些新的佔位符,你可以用在 [[template]] 結構中:
- ``: 開始標籤
- ``: 標籤的標題,和 ``/``一起使用
- ``: 結束標籤
包裝標籤僅用於某些布局和表單元素.
請注意,某些元素使用了 [[template]]的輕微不同的預設值和其他選項.
你可以重寫這些預定義模板核取方塊, radio buttons, checkboxlists和 radiolists 在 [[\yii\widgets\activeform::fieldconfig|fieldconfig]] 的
[[\yii\widgets\activeform]]:
- [[checkboxtemplate]] 在預設布局核取方塊模板
- [[radiotemplate]] 預設布局中的radio button模板
- [[horizontalcheckboxtemplate]] 水平布局的 checkboxes模組
- [[horizontalradiotemplate]] 水平布局的 radio buttons 模組
- [[inlinecheckboxlisttemplate]] 內聯的 checkboxlists模組
- [[inlineradiolisttemplate]] 內聯的 radiolists模組
yii2常用ActiveForm表單
表單整體輸出樣式 form activeform begin options enctype multipart form data class form horizontal method post template template n n colclass class col sm 3 con...
Yii2 ActiveForm 簡單應用
文字框 textinput 密碼框 passwordinput 單選框 radio radiolist 核取方塊 checkbox checkboxlist 下拉框 dropdownlist 隱藏域 hiddeninput 文字域 textarea rows 3 檔案上傳 fileinput 重置按...
yii中調整ActiveForm表單樣式
yii2中對於表單和字段的支援元件為activeform和activefield,id login form options class form horizontal fieldconfig template n n labeloptions class col lg 1 control labe...