加入收藏 | 设为首页 | 会员中心 | 我要投稿 云计算网_泰州站长网 (http://www.0523zz.com/)- 视觉智能、AI应用、CDN、行业物联网、智能数字人!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

详解Yii2定制表单输入字段的标签和样式的技巧

发布时间:2022-07-02 17:21:15 所属栏目:PHP教程 来源:互联网
导读:Yii2中对于表单和字段的支持组件为ActiveForm和ActiveField,要生成一个具有label、input、error提示这样通用格式的登录框,可编写如下代码: fieldConfig= [ template={label}ndiv class=col-lg-3{input}/divndiv class=col-lg-8{error}/div, labelOp
  Yii2中对于表单和字段的支持组件为ActiveForm和ActiveField,要生成一个具有label、input、error提示这样通用格式的登录框,可编写如下代码:
 
    'fieldConfig'=> [
    'template'=>"{label}n<div class="col-lg-3">{input}</div>n<div class="col-lg-8">{error}</div>",
    'labelOptions'=> ['class'=>'col-lg-1 control-label'],
   ],
  ]); ?>
    
  <?=$form->field($model,'username') ?>
  <?=$form->field($model,'password')->passwordInput()
  ?>
  上述代码生成两个带默认标签名(如Username,Password)的表单输入框(input)。
 
  如果想更改输入框的标签及其样式,有两个方式,一个是通过labelOptions参数:
 
  代码如下:
 
  <?= $form->field($model, 'username',['labelOptions' => ['label'  => 'Nick name','class' => 'your own class']]) ?>  
  还有一个更加面向对象的方法是代码如下:
 
  <?= $form->field($model,  'username')->textInput()->hint('Please enter your nick name  instead of email')->label('Nick name') ?> 

(编辑:云计算网_泰州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读