Yii Framework 2 : ActiveForm Input Fields

‘yii\widgets\ActiveForm’ class is used to create a form and ‘yii\helpers\Html’ class is used to display the different type of HTML input fields like buttons, textbox, select box etc.

ActiveForm::begin() - creates a form instance and  beginning of the form.
ActiveForm::begin() and ActiveForm::end() - All of the content placed between this.

Use the namespace For ActiveForm

<?php
use yii\helpers\Html;
use yii\widgets\ActiveForm;
?>

‘ActiveForm’ namespace is very important to create the a active form and ‘Html’ namespace is very useful to display the different html input fields.

Active Form Begin And End

<?php
use yii\helpers\Html;
use yii\widgets\ActiveForm;

//$form = ActiveForm::begin(); //Default Active Form begin
$form = ActiveForm::begin([
    'id' => 'active-form',
    'options' => [
		'class' => 'form-horizontal',
		'enctype' => 'multipart/form-data'
	],
])
/* ADD FORM FIELDS */
ActiveForm::end();
?>

Here we added active form with basic details like form id, class and enctype for file uploads.

Text Input Field

//Format 1
<?= $form->field($model,'name'); ?>
//Format 2
<?= $form->field($model, 'name')->textInput()
                    ->hint('Please enter your name')
                    ->label('Name') ?>
	

Format 1 is a normal text input field. Format 2 is a text input field with hint, label.

TextArea Field

The model attribute value will be used as the content in the textarea.

<?= $form->field($model, 'desc')->textarea(); ?>
<?= $form->field($model, 'desc')->textarea()
                    ->label('Description'); ?>
<?= $form->field($model, 'desc')->textarea(array('rows'=>2,'cols'=>5)); ?>
	

Password Input Field

//Format 1
<?= $form->field($model, 'password')->input('password') ?>
//Format 2
<?= $form->field($model, 'password')->passwordInput() ?>
//Format 3
<?= $form->field($model, 'password')->passwordInput()
                    ->hint('Password should be within A-Za-z0-9')
                    ->label('Password Hint') ?>
	

We added different type of password input field like password with hint, custom lable.

HTML5 Email Input Field

<?= $form->field($model, 'email')->input('email') ?>
	

File Upload

fileInput() function is used to create a file input fields and ‘multiple’ parameter is used to upload multiple file in single upload.

Single File Upload

<?= $form->field($model, 'uploadFile')->fileInput() ?>
	

MultiFile Upload

<?php echo $form->field($model, 'uploadFile[]')
                    ->fileInput(['multiple'=>'multiple']); ?>
	

Checkbox Button Field

Using below we can create the Checkbox base on model attribute of yii2.0 framework. We added the following options like custom label, disabled, style etc

<!-- CHECKBOX BUTTON DEFAULT LABEL -->
<?= $form->field($model, 'population')->checkbox(); ?>
<!-- CHECKBOX BUTTON WITHOUT LABEL -->
<?= $form->field($model, 'population')->checkbox(array('label'=>'')); ?>
<!-- CHECKBOX BUTTON WITH CUSTOM LABEL -->
<?= $form->field($model, 'population')->checkbox(array('label'=>''))
			->label('Gender'); ?>
<!-- CHECKBOX BUTTON WITH LABEL OPTIONS, DISABLED AND STYLE PROPERTIES -->
<?= $form->field($model, 'population')->checkbox(array(
					'label'=>'',
					'labelOptions'=>array('style'=>'padding:5px;'),
					'disabled'=>true
					))
					->label('Gender'); ?>

	

Checkbox List Input Field

checkboxList() function is used to display the check box list using array of input argument values.

<?php echo $form->field($model, 'name[]')->checkboxList(
			['a' => 'Item A', 'b' => 'Item B', 'c' => 'Item C']
   );
?>
	

Radio Button Field

The model attribute value will be used to create the redio button.

<!-- RADIO BUTTON DEFAULT LABEL -->
<?= $form->field($model, 'gender')->radio(); ?>
<!-- RADIO BUTTON WITHOUT LABEL -->
<?= $form->field($model, 'gender')->radio(array('label'=>'')); ?>
<!-- RADIO BUTTON WITH CUSTOM LABEL -->
<?= $form->field($model, 'gender')->radio(array('label'=>''))
			->label('Gender'); ?>
<!-- RADIO BUTTON WITH LABEL OPTIONS -->
<?= $form->field($model, 'gender')->radio(array(
			'label'=>'',
			'labelOptions'=>array('style'=>'padding:5px;')))
			->label('Gender');
?>
	

Radio Button List Field

The model attribute value will be used to create the redio button list.

<?= $form->field($model, 'population')->radioList(array('1'=>'One',2=>'Two')); ?>
	

ListBox Field

Using below we can create the list box base on model attribute of yii2.0 framework. We added the following options like prompt, size, disabled, style etc

<!-- Listbox with prompt text -->
<?= $form->field($model, 'population')->listBox(
			array('1'=>'1',2=>'2',3=>3,4=>4,5=>5),
			array('prompt'=>'Select')
			);
?>
<!-- Listbox with size -->
<?= $form->field($model, 'population')->listBox(
			array('1'=>'1',2=>'2',3=>3,4=>4,5=>5),
			array('prompt'=>'Select','size'=>3)
			);
?>
<!-- Listbox with disabled, style properties -->
<?= $form->field($model, 'population')->listBox(
			array('1'=>'1',2=>'2',3=>3,4=>4,5=>5),
			array(
			    'disabled' => true,
			    'style'=>'background:gray;color:#fff;')
			)
			->label('Gender');
?>
	

dropDown List Input Field

dropDownList() function is used to create HTML ‘select’ tag input field.

//Format 1
<?php echo $form->field($model, 'name')->dropDownList(
			['a' => 'Item A', 'b' => 'Item B', 'c' => 'Item C']
			); ?>
// Format 2
<?php echo $form->field($model, 'name')->dropDownList(
			$listData, 
			['prompt'=>'Choose...']
			); ?>
	

Submit Button

<?= Html::submitButton('Submit', ['class'=> 'btn btn-primary']); ?>