Yii2.0框架ActiveForm总结

薄洪涛7年前PHP1481

首先引入ActiveForm和Html这里两个是很重要的

<?php
    use yii\bootstrap\ActiveForm;
    use yii\helpers\Html;
?>

文本框:textInput(); 

密码框:passwordInput();

单选框:radio(),radioList(); 

复选框:checkbox(),checkboxList(); 

下拉框:dropDownList(); 

隐藏域:hiddenInput(); 

文本域:textarea(['rows'=>3]);

文件上传:fileInput(); 

提交按钮:submitButton(); 

重置按钮:resetButtun();

<?php $form = ActiveForm::begin([
        'method' => 'post',                                // 传值类型
        'action' => \yii\helpers\Url::to(['user/index']), // 默认提交到当前控制器方法,但可以设置
        'options' => [  // 设置form的属性
            'enctype' => 'multipart/form-data',  // 上传文件设置 注意:与post方法配套使用
            'class' => 'form-horizontal',        // 设置form的class
        ],
        'fieldConfig' => [                       // 为每一个input 设置
            'template' => "{label}\n<div class=\"col-lg-5\">{input}</div>\n<div class=\"col-lg-5\">{error}</div>",
            // <label></label> \n <div class="..."> <input ...> </div>\n<div class=\"col-lg-5\">这个是yii默认的错误提示</div>
            'labelOptions' => ['class' => 'col-lg-2 control-label'],    // 设置label 的属性 添加class
        ],
    ]); ?>

    <?= $form->field($model, 'username')->textInput([
        'maxlength' => 20,  // 最多输入20个字符
        'minlength' => 6,   // 最少输入6个字符
        'placeholder' => '提示',
    ]) ?>

    <?= $form->field($model, 'password')->passwordInput(['maxlength' => 20]) ?>

    <?= $form->field($model, 'sex')->radioList(['1' => '男', '0' => '女']) ?>

    <?= $form->field($model, 'edu')->dropDownList(['1' => '大学', '2' => '高中', '3' => '初中'], ['prompt' => '请选择', 'style' => 'width:120px']) ?>

    <?= $form->field($model, 'file')->fileInput() ?>

    <?= $form->field($model, 'hobby')->checkboxList(['0' => '篮球', '1' => '足球', '2' => '羽毛球', '3' => '乒乓球']) ?>

    <?= $form->field($model, 'hobby')->checkbox() ?> // 单复选框,值1/0

    <?= $form->field($model, 'info', [
        // 可以自定义,并会覆盖掉form中设置的属性
        'template' => '<div class="form-group">{label}<div class="col-lg-6">{input}</div>{error}</div>',
        'labelOptions' => ['class' => 'col-lg-2 control-label'],
    ])->textarea([
        'rows' => 4,    // 可输入多少行
        'placeholder' => '提示'
    ]) ?>

    <?= $form->field($model, 'userid')->hiddenInput(['value' => 3]) ?>

    <div class="form-group">
        <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>
        <?= Html::resetButton('重置', ['class' => 'btn btn-info']) ?>
    </div>

复选框 & 单选框

### // 控制器中
use yii\helpers\ArrayHelper;
### //方法中
$grade = Groud::find()->all(); // 查询出想遍历的东东
$listData = ArrayHelper::map($grade, 'id', 'name'); // 出来的就是这个样子的['1' => '大学', '2' => '高中', '3' => '初中']
### // 视图中
<?= $form->field($model, 'sex')->radioList($listData) ?>

<?= $form->field($model, 'edu')->dropDownList($listData, ['prompt' => '请选择', 'style' => 'width:120px']) ?>


相关文章

【转】TCP长连接和短连接区别

【转】TCP长连接和短连接区别

    当网络通信时采用TCP协议时,在真正的读写操作之前,server与client之间必须建立一个连接,当读写操作完成后,双方不再需要这个连接时它们可以释放...

php程序是如何被解析的?

php程序是如何被解析的?

我们每天都在写php代码,然后往服务器上一丢,你就发现php文件就运行了,嘿,是不是很神奇,但是有没有想过,php是如何被解释执行的呢?要知道apache,nginx都是不能解析.php文件的;所以想...

Elasticsearch第二篇之数据操作

    上一篇向大家讲解了Elasticsearch的部署安装和基本设置,这篇文章就和大家一起熟悉下Elastic的数据库操作,和普通数据库不同,es库需要公告...

谷歌浏览器加载前端资源status=canceled

谷歌浏览器加载前端资源status=canceled

如图,今天在做弹出框(modal中用了iframe)的时候,发现模态框弹出的时候,会有一些前端资源加载被取消,但是也会有加载时间,影响页面的加载速度;然后我尝试用火狐,发现没有这个问题经过一顿goog...

Elasticsearch第三篇之全文搜索及在Yii2.0中的使用

Elasticsearch第三篇之全文搜索及在Yii2.0中的使用

前几天做了一个模块,大数据的搜索,其实也不是特别大,组合起来差不多800万左右,用的是mysql数据库,需求有这么变态的两点;需要按照地址去搜索按照起止时间去搜索别的不说,就这两条,mysql也就只能...

Yii2.0中事件的使用及理解

Yii2.0中事件的使用及理解

    Yii 三大特性:属性,事件,行为;这篇文章咱们讲讲Yii事件;    事件是代码解耦的一种方式,设计业务流程的...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。