<?= $form->field($model, 'verifyCode',['labelOptions' => ['class' => 'yanzhengma','style'=>['margin-right'=>'50px']]])->widget(Captcha::className()) ?>

生成的代码

<div class="form-group field-signupform-verifycode">
  <label class="yanzhengma" style="margin-right: 50px;" for="signupform-verifycode">验证码</label>
  <img id="signupform-verifycode-image" src="/frontend/web/index.php?r=site%2Fcaptcha&amp;v=5a17ff5fc8f06" alt=""> <input type="text" id="signupform-verifycode" class="form-control" name="SignupForm[verifyCode]">
   
  <p class="help-block help-block-error"></p>
  </div>

以下为主要的样式修改的代码,大家可以看着修改。如需要修改类而不是样式,只需要替换style为class即可。

  1. <?php $form = ActiveForm::begin(['action' => ['site/login'], 'method' => 'post']);?>
  2. <div style='width:255px;min-height:40px;height:auto;'>
  3. <label for='loginform-username' style='margin-right:10px;line-height:2.2em;float:left;'>用户名</label>
  4. <?= $form->field($model, 'username')
  5. ->label(false)
  6. ->textInput(['style' => 'float:left;width:200px;'])
  7. ->error(['style' => 'line-height:2.2em;']); ?>
  8. </div>
  9. <div style='width:255px;min-height:40px;height:auto'>
  10. <label for='loginform-username' style='padding-left:13px;margin-right:10px;line-height:2.2em;float:left;'>密码</label>
  11. <?= $form->field($model, 'password')
  12. ->passwordInput()
  13. ->label(false)
  14. ->textInput(['style' => 'float:left;width:200px;'])
  15. ->error(['style' => 'line-height:2.2em;']); ?>
  16. </div>
  17. <div style='width:255px;min-height:20px;height:auto'>
  18. <?= $form->field($model, 'rememberMe')
  19. ->checkBox(['style' => 'flot:left;'])
  20. ->label('请记住我', ['style' => 'margin-right:-35px;']); ?>
  21. </div>
  22. <?= Html::submitButton('登录', ['class' => 'btn btn-primary', 'name' => 'submit-button']); ?>

yii2 传值给页面

return $this->render('jiekou',[
'value' => $data,
]);

<div class="country-create">
<?= Html::encode($this->title) ?>
<!-- <?=Html::encode($value->message)?> -->
<?php print_r($value)?>

</div>

yii2 修改验证码小部件样式的更多相关文章

  1. Yii2之ListView小部件

    ListView是yii框架中类似GridView,也是用于展示多条数据的小部件,相比GridView,ListView可以更加灵活地设置数据展示的格式. 下面以我自己做的一个使用ListView来展 ...

  2. yii2之GridView小部件

    GridView小部件用于展示多条数据的列表.GridView小部件的使用需要数据提供器即yii\data\ActiveDataProvider的实例作为参数,所以 第一步就是要在控制器方法中创建这个 ...

  3. yii2之DetailView小部件

    DetailView小部件用于展示单条数据记录,可配置属性很少,使用也很简单,直接贴代码,一看就懂! yii小部件数据小部件DetailView的使用示例: <?= DetailView::wi ...

  4. yii2 Gridview网格小部件

    Gridview 网格小部件 一.特点: 1.是yii中功能最强大的小部件之一: 2.非常适合快速建立系统的管理后台. 3.用 dataProvider 键来指定数据的提供者 4.用 filterMo ...

  5. 教你在Yii2.0框架中如何创建自定义小部件

    本教程将帮助您创建自己的自定义小部件在 yii framework 2.0.部件是可重用的模块和用于视图. 创建一个小部件,需要继承 yii\base\Widget,覆盖重写 yii\base\Wid ...

  6. Yii2的相关学习记录,alert等美化、confirm异步、session中的flash及小部件的使用(六)

    呃,系统自带的alert.confirm等弹出框实在是难看,作为一个颜控,这能忍? 这里我用的是kartik-v/yii2-dialog,这个是基于bootstrap3-dialog这个来做了一些常用 ...

  7. Yii2 DetailView小部件

    DetailView小部件 Yii 提供了一套数据库小部件 widgets,这些小部件可以用于显示数据 DetailView 小部件用于显示一条记录数据 ListView 和 GridView 可以用 ...

  8. YII2 小部件(widgets)

    小部件基本上在views中使用,在视图中可调用 yii\base\Widget::widget() 方法使用小部件. 该方法使用 配置 数组初始化小部件并返回小部件渲染后的结果. 例如如下代码插入一个 ...

  9. yii2小部件(widget)

    一.创建一个简单的小部件 namespace common\components; //common需要自己先设定一个别名 use yii\base\Widget; //小部件需要继承的基类 use ...

随机推荐

  1. jQuery学习(2)ajax()使用

      在上一篇分享JavaScript之使用AJAX(适合初学者)中,我们学习了如何在JavaScript中使用AJAX.由于jQuery出色的性能和简洁的写法,且它也支持AJAX的使用,所以,本次分享 ...

  2. [android] 安卓消息推送的几种实现方式

    消息推送的目的:让服务器端及时的通知客户端 实现方案 轮询:客户端每隔一定的时间向服务器端发起请求,获得最新的消息 特点:如果用在最新新闻通知上,效率就有点低了,技术简单,好实现 应用场景:服务器端以 ...

  3. PPT文件流转为图片,并压缩成ZIP文件输出到指定目录

    实现流程: 接收InputStream流->复制流->InputStream流转为PPT->PPT转为图片->所有图片压缩到一个压缩文件下 注意: 1.PPT文件分为2003和 ...

  4. Python全栈学习_day004作业

    ,写代码,有如下列表,按照要求实现每一个功能 li = ["alex", "WuSir", "ritian", "barry&qu ...

  5. React中props

    今天让我们开启新的篇章好吧,来搞一搞React,以下所有操作都是我个人的一些理解,如果有错吴还请指出,想要看更全的可以去React官网可能一下子好吧 昨天按摩没到位,导致今天身体不太行,撸码千万别苦了 ...

  6. Loadrunner脚本开发-基于HTTP协议的流媒体视频在线播放服务器性能测试

    脚本开发-基于HTTP协议的流媒体视频在线播放服务器性能测试 by:授客 QQ:1033553122   目的 实现基于http协议的流媒体在线视频播放,服务器性能测试脚本,模拟用户浏览器方式在线播放 ...

  7. Python Python中的反射机制

    Python中的反射机制 by:授客 QQ:1033553122 概念 借用java中的定义:在运行状态中,对于任意一个类,都能够知道这个类的所有属性和方法:对于任意一个对象,都能够调用它的任意一个方 ...

  8. LoadRunner11录制脚本出现的问题

    问题一:无法启动IE浏览器 原因:设置录制程序的录制填写错误,因为IE有两个一个是32位的一个是64位的 我们需要设置浏览器为IE 32位即可正常运行 问题二:无法录制百度等官网页面 原因:录制选项中 ...

  9. bash shell下最方便的字符串大小写转换方法

    用tr需要新增变量,用declare或typeset需要在变量赋值前或者赋值后单独声明,都有些麻烦 此方法为bash 4.0以后新增,bash 4.0 2009年发布 $ test="abc ...

  10. The stacking context

    文档中的层叠上下文由满足以下任意一个条件的元素形成: 1. z-index 值不为 "auto"的 绝对/相对定位. 2. position位fixed. 3. opacity 属 ...