【问题标题】:How to add a class in yii form button submit如何在yii表单按钮提交中添加一个类
【发布时间】:2012-10-29 11:22:18
【问题描述】:

这是表格的代码。我想为提交按钮添加一个类并为所有文本字段添加一个内联样式。我该怎么做?

例如在查看源代码中看起来像这样 我想这样编辑

<div class="form">
<?php $form=$this->beginWidget('CActiveForm', array(
    'id'=>'login-form',
    'enableClientValidation'=>true,
    'clientOptions'=>array(
        'validateOnSubmit'=>true,
    ),
)); ?>

    <p class="note">Fields with <span class="required">*</span> are required.</p>

    <div class="row">
        <?php echo $form->labelEx($model,'username'); ?>
        <?php echo $form->textField($model,'username'); ?>
        <?php echo $form->error($model,'username'); ?>
    </div>

    <div class="row">
        <?php echo $form->labelEx($model,'password'); ?>
        <?php echo $form->passwordField($model,'password'); ?>
        <?php echo $form->error($model,'password'); ?>
        <p class="hint">
            Hint: You may login with <kbd>demo</kbd>/<kbd>demo</kbd> or <kbd>admin</kbd>/<kbd>admin</kbd>.
        </p>
    </div>

    <div class="row rememberMe">
        <?php echo $form->checkBox($model,'rememberMe'); ?>
        <?php echo $form->label($model,'rememberMe'); ?>
        <?php echo $form->error($model,'rememberMe'); ?>
    </div>

    <div class="row buttons">
        <?php echo CHtml::submitButton('Login'); ?>
    </div>

<?php $this->endWidget(); ?>
</div><!-- form -->

【问题讨论】:

    标签: html css codeigniter yii


    【解决方案1】:

    尝试阅读手册或文档,或查看示例

    <?php echo $form->textField($model,'username', array('class' => 'myText', 'style' => 'width: 320px; border-radius: 10px;')); ?>
    
    <?php echo CHtml::submitButton('Login', array('class' => 'submitClass', 'style' => 'width: 120px; border-radius: 10px;')); ?>
    

    http://www.yiiframework.com/doc/api/1.1/CHtml#submitButton-detail

    【讨论】:

      【解决方案2】:

      很简单,只需添加一个数组,你可以在其中放置任何 html 属性

      喜欢

      <?php echo $form->textField($model,'username',array('class'=>'your class name','id'=>'Any Id You want to insert')); ?>
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-06-17
        • 1970-01-01
        • 2017-07-20
        • 1970-01-01
        • 1970-01-01
        • 2014-01-31
        相关资源
        最近更新 更多