Align text of textarea left

Question

I little problem but I can't resolve it, so I have a textarea and I want to align the text who is inside left, my code is :

 <textarea
     rows="3"
     cols="25"
     id="{{ form_add_gift.description_article.name }}"
     name="{{ form_add_gift.description_article.name }}"
     style="padding: 0px !important; margin: 0px !important;text-align: left;"
     class="form-control"
     required="required">
     {{ form_add_gift.description_article.value|trim }}
</textarea>

The texarea look like this : Please help me!! Thx in advance

Answer 1

It's just because your _______{{ form_add_gift.description_article.value|trim }} contains too many spaces at the beginning.

Simply remove the white spaces.

Answer 2

You are giving space while providing input to text area, no css change require din your case try:

<textarea
     rows="3"
     cols="25"
     id="{{ form_add_gift.description_article.name }}"
     name="{{ form_add_gift.description_article.name }}"
     style="padding: 0px !important; margin: 0px !important;text-align: left;"
     class="form-control"
     required="required">{{ form_add_gift.description_article.value|trim }}
</textarea>

Answer 3

CONVERT

<textarea
 rows="3"
 cols="25"
 id="{{ form_add_gift.description_article.name }}"
 name="{{ form_add_gift.description_article.name }}"
 style="padding: 0px !important; margin: 0px !important;text-align: left;"
 class="form-control"
 required="required">
 {{ form_add_gift.description_article.value|trim }}
</textarea>

TO

<textarea rows="3" cols="25" id="{{ form_add_gift.description_article.name     }}" name="{{ form_add_gift.description_article.name}}" style="padding: 0px     !important; margin: 0px !important;text-align: left;" class="form-control"     required="required">{{ form_add_gift.description_article.value|trim }</textarea>

Basically , what you need to do is to remove the extra linebreak and spaces after the end of tag ie

<textarea>your text</textarea>

Answer 4

Remove spaces in textarea, or use white-space: normal; as a smart way to avoid spaces in textarea.

Removed spaces

 <textarea
     rows="3"
     cols="25"
     id="{{ form_add_gift.description_article.name }}"
     name="{{ form_add_gift.description_article.name }}"
     style="padding: 0px !important; margin: 0px !important;text-align: left;"
     class="form-control"
     required="required">{{ form_add_gift.description_article.value|trim }}
</textarea>

Not removed spaces, added white-space:normal;

 <textarea
     rows="3"
     cols="25"
     id="{{ form_add_gift.description_article.name }}"
     name="{{ form_add_gift.description_article.name }}"
     style="padding: 0px !important; margin: 0px !important;text-align: left;white-space: normal;"
     class="form-control"
     required="required">
     {{ form_add_gift.description_article.value|trim }}
</textarea>

Answer 5

Try this :

<textarea name="{{ form_add_gift.description_article.name }}" id="{{ form_add_gift.description_article.name }}" class="form-control" required="required"  rows="3" cols="25" style="padding: 0px ;  margin: 0px; align: left;"  >

      {{ form_add_gift.description_article.value|trim }}
</textarea>     

Answer 6

从textarea值的赋值中删除多余的空格和换行符，如：

<textarea>{{ form_add_gift.description_article.value|trim }}</textarea>

Answer 7

Try removing space between <textarea>{{ form_add_gift.description_article.value|trim }}</textarea> like following code.

<textarea
rows="3"
cols="25"
id="{{ form_add_gift.description_article.name }}"
name="{{ form_add_gift.description_article.name }}"
style="padding: 0px !important; margin: 0px !important;text-align: left;"
class="form-control"
required="required">{{ form_add_gift.description_article.value|trim }}</textarea>