Yii2 Form表单样式修改

最新推荐文章于 2025-08-05 12:18:54 发布

转载最新推荐文章于 2025-08-05 12:18:54 发布 · 1.2k 阅读

本文介绍如何在Yii2框架中对登录表单进行样式调整。通过具体代码示例展示了如何修改表单元素的宽度、高度等属性，并对用户名、密码输入框及记住我选项的样式进行了详细说明。

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

[php] view plain copy

<?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']); ?>