码迷,mamicode.com
首页 > 其他好文 > 详细

yii2 修改验证码小部件样式

时间:2017-11-24 20:14:05      阅读:357      评论:0      收藏:0      [点我收藏+]

标签:plain   替换   net   options   ror   width   mem   word   padding   

 

<?= $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" > <input type="text" id="signupform-verifycode" class="form-control" name="SignupForm[verifyCode]">
   
  <p class="help-block help-block-error"></p>
  </div>

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

 

[php] view plain copy
 
  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.   
  23.     <?= Html::submitButton(‘登录‘, [‘class‘ => ‘btn btn-primary‘, ‘name‘ => ‘submit-button‘]); ?>  

yii2 修改验证码小部件样式

标签:plain   替换   net   options   ror   width   mem   word   padding   

原文地址:http://www.cnblogs.com/yszr/p/7892034.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!