YII2完整的表单组件使用

2019独角兽企业重金招聘Python工程师标准>>>

 1.普通的input框:

<?= $form->field($model,'licenseNo',[

      'options'=>['class'=>'Net-content-tab-div clearfix'],

      'labelOptions'=>['class'=>'','for'=>'N-yyzz','label'=>'<span class=\'red\'>*</span><span class="is-red">营业执照号</span>'],

      'errorOptions'=>['class'=>'notice-warn'],

      'template'=>'{label}{input}{error}'

  ])->textInput([

      'class'=>'tab-divbox-input2',

      'placeholder'=>'请填写营业执照号',

      'id'=>'N-yyzz',

      'maxlength'=>30,

])
?>
生成的html:

<!--营业执照号-->

<div class="Net-content-tab-div clearfix field-N-yyzz required has-error">

<label class="" for="N-yyzz"><span class="red">*</span><span class="is-red">营业执照号</span></label>

<input id="N-yyzz" class="tab-divbox-input2" name="OpenModel[licenseNo]" maxlength="30" placeholder="请填写营业执照号" type="text">

<div class="notice-warn" style="display: block;">营业执照号必须填写</div>

</div>

2.<select>型的表单组件
 <?=$form->field($model,'storeType',[

      'options'=>['class'=>'slectdiv'],

      'labelOptions'=>['class'=>'Net-content-tab-select'],

      'errorOptions'=>['class'=>'notice-warn'],

      'template'=>'{label}{input}<div>{error}</div>'

 ])->dropDownList($category,[

      'class'=>'Net-content-tab-select',

      'id'=>'select1'

])->label(false);

?>
生成的html:

<div class="slectdiv field-select1 required">

    <select id="select1" class="Net-content-tab-select" name="OpenModel[storeType]">

        <option value="">请选择</option>

        <option value="专营店">专营店</option>

        <option value="直营店">直营店</option>

        <option value="旗舰店">旗舰店</option>

    </select>
    <div><div class="notice-warn" style="display: none;"></div></div>

</div>

3.radio型的表单组件
 <?php echo $form->field($model, 'categoryId',[

    'options'=>['class'=>'slectdiv'],

    'labelOptions'=>['class'=>'Net-content-tab-div-label'],

    'errorOptions'=>['class'=>'notice-warn'],

    'template'=>'{label}{input}<div>{error}</div>'

])->radioList($categoryItem)->label(false)
?>
生成的html:
<div class="selectdiv">
    <input name="OpenModel[categoryId]" value="" type="hidden">
    <div id="openmodel-categoryid">
        <label><input name="OpenModel[categoryId]" value="1" type="radio"> 家居家装</label>
    </div>
    <div><div class="notice-warn" style="display: none;"></div></div>
</div>

4.验证码组件的使用
 <!-- 图形验证码 -->

<?= $formOne

->field($model, 'captcha',[

'options'=>['class'=>'formdiv clearfix'],

'labelOptions'=>['class'=>'formone','label'=>'验证码： '],

'errorOptions'=>['class'=>'notice-warn'],

'template'=>'{label}{input}{error}'

])

->widget(Captcha::className(), [

'options'=>['class'=>'notice-con-formBox-inputStyle3'],

'template' => '{input}{image}',

'captchaAction'=>[

'/member/account/captcha'

]

]) ?>
控制器:
 public function actions()

{

return [

'error' => [

'class' => 'yii\web\ErrorAction',

],

// 新添加的

'captcha' => [

'class' => 'yii\captcha\CaptchaAction',

'backColor' => 0xFFFFFF,

'foreColor' => 0x2040A0,

'height' => '30',

'width'=>'80',

'minLength' => 4,

'maxLength' => 4,

'offset' => 3,

],

];

}

转载于:https://my.oschina.net/u/3223370/blog/824799