yii2 修改验证码小部件样式
<?= $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&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即可。
- <?php $form = ActiveForm::begin(['action' => ['site/login'], 'method' => 'post']);?>
- <div style='width:255px;min-height:40px;height:auto;'>
- <label for='loginform-username' style='margin-right:10px;line-height:2.2em;float:left;'>用户名</label>
- <?= $form->field($model, 'username')
- ->label(false)
- ->textInput(['style' => 'float:left;width:200px;'])
- ->error(['style' => 'line-height:2.2em;']); ?>
- </div>
- <div style='width:255px;min-height:40px;height:auto'>
- <label for='loginform-username' style='padding-left:13px;margin-right:10px;line-height:2.2em;float:left;'>密码</label>
- <?= $form->field($model, 'password')
- ->passwordInput()
- ->label(false)
- ->textInput(['style' => 'float:left;width:200px;'])
- ->error(['style' => 'line-height:2.2em;']); ?>
- </div>
- <div style='width:255px;min-height:20px;height:auto'>
- <?= $form->field($model, 'rememberMe')
- ->checkBox(['style' => 'flot:left;'])
- ->label('请记住我', ['style' => 'margin-right:-35px;']); ?>
- </div>
- <?= 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 修改验证码小部件样式的更多相关文章
- Yii2之ListView小部件
ListView是yii框架中类似GridView,也是用于展示多条数据的小部件,相比GridView,ListView可以更加灵活地设置数据展示的格式. 下面以我自己做的一个使用ListView来展 ...
- yii2之GridView小部件
GridView小部件用于展示多条数据的列表.GridView小部件的使用需要数据提供器即yii\data\ActiveDataProvider的实例作为参数,所以 第一步就是要在控制器方法中创建这个 ...
- yii2之DetailView小部件
DetailView小部件用于展示单条数据记录,可配置属性很少,使用也很简单,直接贴代码,一看就懂! yii小部件数据小部件DetailView的使用示例: <?= DetailView::wi ...
- yii2 Gridview网格小部件
Gridview 网格小部件 一.特点: 1.是yii中功能最强大的小部件之一: 2.非常适合快速建立系统的管理后台. 3.用 dataProvider 键来指定数据的提供者 4.用 filterMo ...
- 教你在Yii2.0框架中如何创建自定义小部件
本教程将帮助您创建自己的自定义小部件在 yii framework 2.0.部件是可重用的模块和用于视图. 创建一个小部件,需要继承 yii\base\Widget,覆盖重写 yii\base\Wid ...
- Yii2的相关学习记录,alert等美化、confirm异步、session中的flash及小部件的使用(六)
呃,系统自带的alert.confirm等弹出框实在是难看,作为一个颜控,这能忍? 这里我用的是kartik-v/yii2-dialog,这个是基于bootstrap3-dialog这个来做了一些常用 ...
- Yii2 DetailView小部件
DetailView小部件 Yii 提供了一套数据库小部件 widgets,这些小部件可以用于显示数据 DetailView 小部件用于显示一条记录数据 ListView 和 GridView 可以用 ...
- YII2 小部件(widgets)
小部件基本上在views中使用,在视图中可调用 yii\base\Widget::widget() 方法使用小部件. 该方法使用 配置 数组初始化小部件并返回小部件渲染后的结果. 例如如下代码插入一个 ...
- yii2小部件(widget)
一.创建一个简单的小部件 namespace common\components; //common需要自己先设定一个别名 use yii\base\Widget; //小部件需要继承的基类 use ...
随机推荐
- 《SQL Server从入门到精通》
书名 <SQL Server从入门到精通> 图片 时间 2017-6月 学习 书还可以看完不痛不痒 光盘里面是c的视频有趣这是要我学c的节奏啊,可以写一些基础sql语句也是一门语言叫T-s ...
- jQuery基础教程
1.使用$()函数 $()函数其实是创建了一个jQuery对象. 这个函数接受CSS选择符作为参数,充当一个工厂, 返回包含页面中对应元素的jQuery对象. 所有能在样式表中使用的选择符都可以传给这 ...
- 13.Linux键盘按键驱动 (详解)
在上一节分析输入子系统内的intput_handler软件处理部分后,接下来我们开始写input_dev驱动 本节目标: 实现键盘驱动,让开发板的4个按键代表键盘中的L.S.空格键.回车键 1.先来介 ...
- pom.xml复制过来的代码报错-Maven expected START_TAG or END_TAG not TEXT (positionTEXT se
场景 编译器:IDEA 在网上看一些小实例,跟着做的时候会复制pom.xml文件的代码来加载依赖包.首先需要确定你复制过来的代码本身是没有错的,在复制一些pom.xml文件代码时,有时候会报错.原因是 ...
- JavaScript 频繁发射事件处理的优化 --- 函数节流/事件稀释
引子:昨天面试时面试官问了如何实现一个固定导航栏,在我答完后面试官问我可能存在哪些问题,如何优化? 这个问题我答得不太好,但现在回想起来应该有两个问题: 1. 把 fixbar元素 position: ...
- 长文本溢出显示省略号(…) text-overflow: ellipsis
text-overflow 属性规定当文本溢出包含元素时发生的事情. 默认值: clip 继承性: no 版本: CSS3 JavaScript 语法: object .style.textOverf ...
- 转载--tomcat调优
转载 https://www.cnblogs.com/wangsen/p/9337969.html
- Linux 改动inittab文件及忘记密码等导致无法进入系统的解决办法
改动inittab文件及忘记密码等导致无法进入系统的解决办法[摘] by:授客 QQ:1033553122 inittab是linux的系统启动模式配置文件,在”/etc“文件目录下没,其内容是: # ...
- Flutter 安装
都说程序猿学习是不分平台的,做了一辈子的Xaml,也想看看现在最牛逼的移动技术. 看了看Google 的Flutter,好像很牛逼,不怎么需要Android和IOS基础(应该还是要的), 不过现在是B ...
- OneAPM大讲堂 | Java 异常日志记录最佳实践
[编者按]本文作者是 Casey Dunham.Casey 是一位具有 10 多年经验的专业软件开发人员,以其独特的方式应对应用安全问题而闻名.本文系国内 ITOM 管理平台 OneAPM 工程师编译 ...