创建表单

编写 login 视图是很简单的，我们以一个 form 标记开始，它的 action 属性应该是前面讲述的 login 动作的URL。然后我们需要为 LoginForm 类中声明的属性插入标签和表单域。最后，我们插入一个可由用户点击提交此表单的提交按钮。所有这些都可以用纯HTML代码完成。

Yii 提供了几个助手（helper）类简化视图编写。例如，要创建一个文本输入域，我们可以调用 CHtml::textField()；要创建一个下拉列表，则调用 CHtml::dropDownList()。

信息: 你可能想知道使用助手的好处，如果它们所需的代码量和直接写纯HTML的代码量相当的话。 答案就是助手可以提供比 HTML 代码更多的功能。例如， 如下代码将生成一个文本输入域，它可以在用户修改了其值时触发表单提交动作。 
  1. CHtml::textField($name,$value,array('submit'=>''));
不然的话你就需要写一大堆 JavaScript 。

下面，我们使用 CHtml 创建一个登录表单。我们假设变量 $model 是 LoginForm 的实例。

  1. <div class="form">
  2. <?php echo CHtml::beginForm(); ?>
  3.  
  4.     <?php echo CHtml::errorSummary($model); ?>
  5.  
  6.     <div class="row">
  7.         <?php echo CHtml::activeLabel($model,'username'); ?>
  8.         <?php echo CHtml::activeTextField($model,'username') ?>
  9.     </div>
  10.  
  11.     <div class="row">
  12.         <?php echo CHtml::activeLabel($model,'password'); ?>
  13.         <?php echo CHtml::activePasswordField($model,'password') ?>
  14.     </div>
  15.  
  16.     <div class="row rememberMe">
  17.         <?php echo CHtml::activeCheckBox($model,'rememberMe'); ?>
  18.         <?php echo CHtml::activeLabel($model,'rememberMe'); ?>
  19.     </div>
  20.  
  21.     <div class="row submit">
  22.         <?php echo CHtml::submitButton('Login'); ?>
  23.     </div>
  24.  
  25. <?php echo CHtml::endForm(); ?>
  26. </div><!-- form -->

上述代码生成了一个更加动态的表单，例如，CHtml::activeLabel() 生成一个与指定模型的特性相关的标签。如果此特性有一个输入错误，此标签的CSS class 将变为 error，通过 CSS 样式改变了标签的外观。相似的， CHtml::activeTextField() 为指定模型的特性生成一个文本输入域，并会在错误发生时改变它的 CSS class。

如果我们使用由 yiic 脚本生提供的 CSS 样式文件，生成的表单就会像下面这样：

登录页
登录页

含有错误信息的登录页
含有错误信息的登录页

从版本 1.1.1 开始，提供了一个新的小物件 CActiveForm 以简化表单创建。这个小物件可同时提供客户端及服务器端无缝的、一致的验证。使用 CActiveForm,上面的代码可重写为：

  1. <div class="form">
  2. <?php $form=$this->beginWidget('CActiveForm'); ?>
  3.  
  4.     <?php echo $form->errorSummary($model); ?>
  5.  
  6.     <div class="row">
  7.         <?php echo $form->label($model,'username'); ?>
  8.         <?php echo $form->textField($model,'username') ?>
  9.     </div>
  10.  
  11.     <div class="row">
  12.         <?php echo $form->label($model,'password'); ?>
  13.         <?php echo $form->passwordField($model,'password') ?>
  14.     </div>
  15.  
  16.     <div class="row rememberMe">
  17.         <?php echo $form->checkBox($model,'rememberMe'); ?>
  18.         <?php echo $form->label($model,'rememberMe'); ?>
  19.     </div>
  20.  
  21.     <div class="row submit">
  22.         <?php echo CHtml::submitButton('Login'); ?>
  23.     </div>
  24.  
  25. <?php $this->endWidget(); ?>
  26. </div><!-- form -->

原文: https://www.yiiframework.com/doc/guide/1.1/zh-cn/form.view