yii2 修改验证码小部件样式

时间:2022-10-04 20:58:47

 

<?= $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即可。

 

[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 传值给页面

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

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

</div>