Yii2: How to add textarea in yii2

Question

What is the mapping of textarea in yii2 ? How to write this in yii2 format?

<textarea  name="downloadSourceCode" id="downloadSourceCode"></textarea>

What is an alternative or way to define textarea in yii2?

http://www.yiiframework.com/doc-2.0/guide-input-forms.html you should re-read manual more times if you have such question. — user1954544, May 18 '16 at 15:40

score 89 · Accepted Answer · edited Jan 19 '17 at 11:16

89

You can use Active Forms to create fields like textarea for example

<?php $form = ActiveForm::begin(['id' => 'downloadSourceCode']); ?>
<?= $form->field($model, 'description')->textarea(['rows' => '6']) ?>
<?= Html::submitButton('Submit') ?>
<?php ActiveForm::end(); ?>

In the previouse example you are creating a form with a textarea inside, you can give it a name and pass the model from the controller to show the existing content of the model if you are editing it, if you are creating a new model, you will need to create a new object and then pass it to the view.

edited Jan 19 '17 at 11:16

Alex

7,679
7
37
59

answered Jan 14 '15 at 15:07

Qurashi

1,401
15
26

1

you can add this to the options array: 'id' => 'downloadSourceCode' – Ruben Jan 21 '15 at 12:38

score 12 · Answer 2 · edited Jun 20 '20 at 09:12

Text area code in yii2 could be created in many ways It depends on what you need exactly

Situation 1 You have a Model

say the text area connected to that model in an Active form

<?php $form = ActiveForm::begin(); ?>
    <?= $form->field($model, 'election_description')->textArea() ?>
<?php ActiveForm::end(); ?>

the Code generated will be

<div class="form-group field-election-election_description">
<label class="control-label" for="election-election_description">Description</label>
<textarea id="election-election_description" class="form-control" name="Election[election_description]"></textarea>    
<div class="help-block"></div>
</div>

As you can see label and error block is generated along with the textarea code by default since this could be useful in practical scenarios .So What i have written above will be interpreted as

<?php $form = ActiveForm::begin(); ?>
    <?= $form->field($model, 'election_description',['template'=> "{label}\n{input}\n{hint}\n{error}"])->textArea() ?>
<?php ActiveForm::end(); ?>

Change or remove the label by just doing

<?= $form->field($model, 'election_description')->textArea()->label(false) ?>
<?= $form->field($model, 'election_description')->textArea()->label("Some Label") ?>

Or more advanced customization could be done by modifying the template ,

"{label}\n{input}\n{hint}\n{error}"

is the default template .However template is customizable, If you just want the text area only override the code generation template for text area as

"{input}"

thus

<?= $form->field($model, 'election_description',['template'=> "{input}"])->textArea() ?>

the Code generated will be

<div class="form-group field-election-election_description">
    <textarea id="election-election_description" class="form-control" name="Election[election_description]"></textarea>
</div>

The Div wrapping the text filed could be removed by modifying the template of the active form or by using another function activeTextInput

<?= Html::activeTextInput($model, 'election_description'); ?>

the Code generated will be

<textarea id="election-election_description" name="Election[election_description]"></textarea>

Situation 2 You don't have a Model

If we don't have a model and just want to create the exact code as asked best way will be to use Html::textarea

follow this format

textarea ( $name, $value = '', $options = [] )

Refer this example

<?php use yii\helpers\Html;?>
<?= Html::textArea('downloadSourceCode',"",['id'=>'downloadSourceCode']); ?>

Which will generate a code

<textarea id="downloadSourceCode" name="downloadSourceCode"></textarea>

Hope This helps

Refer these links for more info

http://www.yiiframework.com/doc-2.0/yii-widgets-activefield.html#textarea()-detail

http://www.yiiframework.com/doc-2.0/yii-helpers-basehtml.html#textarea()-detail

http://www.yiiframework.com/doc-2.0/yii-helpers-basehtml.html#activeTextarea()-detail

score 3 · Answer 3 · answered Feb 16 '15 at 13:05

3

You can do this like:

<?php $form = ActiveForm::begin(['id' => 'my-form']); ?>

<?= $form->field($model, 'field_name')->textArea(['rows' => '6']) ?>
<?= Html::submitButton('Submit') ?>
<?php ActiveForm::end(); ?>

answered Feb 16 '15 at 13:05

Anisur Rahaman Sakib

423
4
17

score 3 · Answer 4 · answered Nov 08 '16 at 14:51

3

Use Textarea in template

<?= $form->field($model, 'columnName',
['template' => '
   {label}
   <div class="input-group">
      <span class="input-group-addon">
         <i class="fa fa-newspaper-o"></i>
      </span>
      {input}
   </div>
{error}{hint}'])->textarea(['rows' => 6])->hint('Max 255 characters.'); ?>

answered Nov 08 '16 at 14:51

Mahmut Aydın

715
10
21

Too much hardcoded HTML. Try don't use such coding in real projects. If you need custom HTML in Yii2 project (e.g. you use not Bootstrap styles) you should write your own widgets and use it. – Alexander Emelianov Nov 03 '17 at 14:06

Kailas · Answer 5 · 2015-05-24T05:47:48.273

2

You can use the below code

<?= $form->field($model, 'desc')->textarea(); ?>

OR

<?= $form->field($model, 'desc')->textarea()->label('Description'); ?>

OR

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

For more details about form field.

edited May 24 '15 at 05:47

answered May 21 '15 at 09:36

Kailas

2,831
5
37
43

How your answer is different from others? – arogachev May 21 '15 at 09:52

akmnahid · Answer 6 · 2015-05-17T02:39:52.100

1

If you map with model then following code should be OK for you:

<?= $form->field($model, 'downloadSourceCode')->textarea() ?>

edited May 17 '15 at 02:39

answered May 16 '15 at 04:40

akmnahid

736
2
6
18

How your answer is different from others? – arogachev May 16 '15 at 05:42

Rahul Vetal · Answer 7 · 2017-03-20T18:09:42.400

1

<?= $form->field($model, 'field_name')->textArea(['maxlength' => 300, 'rows' => 6, 'cols' => 50,'placeholder'=>'Enter Message Here.....']) ?>

edited Mar 20 '17 at 18:09

answered Mar 20 '17 at 17:37

Rahul Vetal

7
4

1

By using the ['maxlength' => 300'] we can set maxlength for textarea and also control the width and height of textarea using ['rows' => 6, 'cols' => 50] and using ['placehoder'=>'we can set our custom message'] – Rahul Vetal Mar 20 '17 at 18:12

satbhai hetal · Answer 8 · 2019-11-25T12:47:17.317

1

You can run following command on console

php composer.phar require --prefer-dist yiidoc/yii2-redactor "*" 
or 
"yiidoc/yii2-redactor": "*"

for instaling Redactor see https://github.com/yiidoc/yii2-redactor

Than you can check following line in codes

 <?= $form->field($model, 'address')->widget(\yii\redactor\widgets\Redactor::className()) ?>

edited Nov 25 '19 at 12:47

answered Nov 25 '19 at 04:58

satbhai hetal

11
3

score 0 · Answer 9 · answered Jan 24 '15 at 09:55

Like this:

<?php $form = ActiveForm::begin(); ?>
<?= $form->field($model, 'die_geschichte')->textArea(array('rows'=>25, 'cols'=>50, 'readonly' => true, 'name'=>'xyz; )) ?>

<div class="form-group">
    <?= Html::submitButton('Unangemessenen Inhalt melden', ['class' => 'btn btn-primary']) ?>
</div>

<?php ActiveForm::end(); ?>

score 0 · Answer 10 · answered Apr 07 '15 at 10:27

0

It is so simple. Just write it like this in your ActiveForm::begin.

<?= $form->field($model, 'downloadSourceCode')->textarea(['maxlength' => 1000]) ?>

and you can get your text area.

answered Apr 07 '15 at 10:27

Bhola Singh

71
1
2
4

How you answer is different from others? – arogachev Apr 07 '15 at 10:40
It has no difference. I just answered it in simple manner on point to point. Without making it lengthy. – Bhola Singh Apr 07 '15 at 10:59

score 0 · Answer 11 · edited May 08 '15 at 09:00

0

If you want textarea without specifying any model, use:

<?= \yii\helpers\Html::textarea('name_attribute_value') ?>

Output will be:

<textarea id="id_attribute_value" name="name_attribute_value"></textarea>

edited May 08 '15 at 09:00

arogachev

31,868
6
105
113

answered May 08 '15 at 08:43

Mohammed H

6,326
12
72
119

score 0 · Answer 12 · answered Mar 05 '16 at 04:25

0

It's simple. Just like this

<?= $form->field($model, 'notes')->textarea(); ?>
<?= $form->field($model, 'notes')->textarea()->label('Notes'); ?>
<?= $form->field($model, 'notes')->textarea(['rows'=>2,'cols'=>5]); ?>

answered Mar 05 '16 at 04:25

sosono88

26
1

score 0 · Answer 13 · answered Jan 16 '17 at 05:12

This can be help you

Text area

<?= $form->field($model, 'desc')->textarea(['rows'=>2,'cols'=>5,'id'=>'textarea_id','class'=>'form-control textarea_class']); ?>
<?= $form->field($model, 'desc')->textarea()->label('Description'); ?>

Text

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

Password

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

File

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

Radio

<?= $form->field($model, 'gender')  ->radio(array('label'=>''))
                                        ->label('Gender'); ?>

<?= $form->field($model, 'gender')->radio(array(
                                'label'=>'',
                                'labelOptions'=>array('style'=>'padding:5px;')))
                                ->label('Gender'); ?>
<?= $form->field($model, 'population')->radioList(array('1'=>'One',2=>'Two')); ?>

List

<?= $form->field($model, 'population')-> listBox(
            array('1'=>'1',2=>'2',3=>3,4=>4,5=>5),
            array('prompt'=>'Select','size'=>3)
            ); ?>
<?= $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'); ?>

score 0 · Answer 14 · answered Mar 18 '17 at 14:58

0

Its like this.

    <?php $form = ActiveForm::begin(); ?>
    <?= $form->field($model, 'downloadSourceCode')->textArea(['maxlength' =>     true]) ?>
    <?php ActiveForm::end(); ?>

answered Mar 18 '17 at 14:58

Sameera Sampath

606
1
11
20

score 0 · Answer 15 · answered Apr 07 '17 at 17:49

<?php $form = ActiveForm::begin(); ?>
<?= $form->field($model, 'descrip', ['options' => ['class' => 'custom-class']])->textArea(['maxlength' => true, 'placeholder'=>'Invoice Address', "class"=>'form-control']) ?>
<?php $form = ActiveForm::end(); ?>

**You can Also add Tinymce widget instead of text area.**

<?= $form->field($model, 'club_description')->widget(TinyMce::className(), [
    'options' => ['rows' => 4],
    //'language' => 'EN',
    'clientOptions' => [
        'plugins' => [
            "advlist autolink lists link charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste"
        ],
        'toolbar' => "undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
    ]
]);?>

**Namespace: use dosamigos\tinymce\TinyMce;
Reference: https://github.com/2amigos/yii2-tinymce-widget**

score 0 · Answer 16 · answered May 12 '17 at 11:52

0

Step 1 : In your view file don't forgot to add ActiveForm Class use yii\bootstrap\ActiveForm;

Step 2 : Now add the text area as below in the view

field($model, 'body')->textarea(['rows' => 6]) ?>

answered May 12 '17 at 11:52

Anubhav Tiwari

229
3
10

score 0 · Answer 17 · edited Oct 11 '17 at 12:30

0

<?= $form->field($model, 'description')->textarea(['rows' => '2']) ?>

edited Oct 11 '17 at 12:30

Bugs

4,356
9
30
39

answered Oct 11 '17 at 12:19

aarush sasgohar

1
2

1

add some explanation to your answer – Aldeguer Oct 11 '17 at 12:29

score 0 · Answer 18 · answered Feb 05 '19 at 05:17

This code is added in views file:

<div class="col-md-12 mb-10">
                        <label class="control-label" for="cancellesson-cancel_note">Cancel Note</label>
                        <textarea id="cancellesson_cancel_note" class="form-control" name="cancellesson[cancel_note]" placeholder="Enter Cancel Note" aria-required="true"></textarea>
</div>

score 0 · Answer 19 · edited Feb 24 '20 at 08:52

0

 <?php $form = ActiveForm::begin(); ?>
 <?= $form->field($model, 'description')->textarea(['rows' => '5']) ?>
 <?= Html::submitButton('Save', ['class' => 'btn btn-success']) ?>
 <?php ActiveForm::end(); ?>

This line is for textarea

 <?= $form->field($model, 'description')->textarea(['rows' => '5']) ?>

edited Feb 24 '20 at 08:52

HP371

683
8
20

answered Jul 02 '19 at 09:07

Prashob km

1
3

score 0 · Answer 20 · edited Dec 22 '20 at 07:07

0

With the help of Yii2 active form we can create textarea field in form.

$form->field($model, 'fieldName')->textarea(array('rows'=>2,'cols'=>5));

edited Dec 22 '20 at 07:07

Yegor Androsov

3,222
1
17
28

answered Dec 22 '20 at 06:43

RAGHAV SAXENA

1

score -1 · Answer 21 · answered Jan 14 '15 at 14:41

-1

I`m not pretty sure, but activeTextarea() with option attr is nice

answered Jan 14 '15 at 14:41

Вячеслав Гореев

11
1

score -1 · Answer 22 · answered May 01 '16 at 17:00

-1

there is alternative extension named kartik-v widget:

use kartik\widgets\ActiveForm;
echo ActiveForm::begin();
echo $form->field($model, 'username');

just install with composer

answered May 01 '16 at 17:00

seseorank

19
4

score -1 · Answer 23 · answered Jul 28 '16 at 13:21

 <?php $form = ActiveForm::begin(); ?>
 <?= $form->field($model, 'description')->textarea(['rows' => 6]) ?>
 <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>
 <?php $form = ActiveForm::end(); ?>

score -1 · Answer 24 · edited Sep 26 '17 at 11:09

-1

With Model:

<?= $form->field($model, 'user')->textArea(['rows' => 6]) ?>

Without Model:

<?= Html::textarea('sourceCode',null,['rows'=>6]) ?>

edited Sep 26 '17 at 11:09

Insane Skull

8,810
9
38
59

answered Sep 26 '17 at 10:37

Pratik Karmakar

227
1
8

score -2 · Answer 25 · answered Dec 25 '17 at 06:57

-2

It has 2 possibilities. FOr now do this: field($model, 'user')->textArea(['rows' => 6]) ?>

answered Dec 25 '17 at 06:57

Tomaš vaclav

1

Yii2: How to add textarea in yii2

25 Answers25

Situation 1 You have a Model

Situation 2 You don't have a Model