[moka同学笔记]yii2 activeForm 表单样式的修改

源码:

        <?= $form->field($modelUser,'name') ?>
        <div class="form-group field-community-mobile required">
            <label for="mobile">手机</label>
            <div class="input-group">
                    <span class="input-group-addon" style="padding: 0px;">
                    <?=$form->field($modelContact, 'area_code')
                        ->dropDownList($telCode,['prompt' => '86','style'=>'width:63px;padding:0px;text-align:center;'])
                        ->label(false); ?>
                    </span>
                <?= $form->field($modelContact,'mobile')->textInput(['style'=>'width:100%;'])->label(false) ?>
            </div>
        </div>
        <div class="form-group field-community-mobile required">
            <label for="mobile">手机</label>
            <div class="input-group">
                <span class="input-group-addon" style="padding: 0px;border:none;background-color: #fff;">
                <?=$form->field($modelContact, 'area_code')
                    ->dropDownList($telCode,['prompt' => '86','style'=>'width:63px;padding:0px;text-align:center;'])
                    ->label(false); ?>
                </span>
                <?= $form->field($modelContact,'mobile')->textInput(['style'=>'width:100%;'])->label(false) ?>
            </div>
        </div>
        <div class="form-group">
            <label>手机</label>
            <div class="input-group">
                <span class="input-group-addon" style="padding:0px;">
                    <select style="padding:7px 0">
                        <option>32</option>
                        <option>465</option>
                        <option>86</option>
                    </select>
                </span>
                <input name ="name" type="text" class="form-control" />
            </div>
        </div>

 

posted @ 2016-08-31 09:43  mokal同学  阅读(643)  评论(0编辑  收藏  举报