How to remove extra space inside textarea

Question

I have a textarea which displays some data from "history" column in my database. For unknown reason there is nearly 1.5 line of extra space before the text. Anyone can give me some idea why does it happen? Here is my HTML piece:

<div>
  <table>
    <tr>
      <th > History:</th>
      <td>
        <textarea style="margin-left:90px";  name="history"cols="80"label="notes"rows="4"wrap="virtual"> 
        <?php echo $my_class->history;?></textarea>
      </td> 
    </tr>
  </table>
</div>

You can see the problem here: enter image description here

Try reading answer from here : http://stackoverflow.com/questions/23824681/textarea-whitespaces?rq=1 — Shashank, Jun 23 '14 at 14:09
Its because your php tag is on a newline. It is reading in the whitespace from where ends until php tag opens. Put this all on one line to fix — Revive, Jun 23 '14 at 14:11

Revive · Accepted Answer · 2014-06-25T12:02:44.813

60

Its because your php tag is on a newline. It is reading in the whitespace from where <textarea> ends until php tag opens. Put this all on one line to fix.

edited Jun 25 '14 at 12:02

answered Jun 23 '14 at 14:25

Revive

2,248
1
16
23

4

Or for those still finding this question: use the CSS `white-space: normal` or (or any of the other collapsing rules) – Mike 'Pomax' Kamermans Sep 25 '20 at 05:42
I tried this one line solution but Mike'Pomax'Kamermans additional css rule worked for me. Thanks – leipzy Feb 10 '22 at 06:12

score 6 · Answer 2 · answered Jun 27 '15 at 16:18

6

Just put your php open tag right after the textarea close tag.. Dont use line break.. And close php exactly before (as you have done).. This will erase all the whitespaces..

answered Jun 27 '15 at 16:18

Giorgos Tsakonas

5,845
3
17
20

score 6 · Answer 3 · answered May 26 '17 at 07:27

6

Put this all on one line for fix this issue.Make your code like this.

<textarea style="margin-left:90px";name="history"cols="80"label="notes"rows="4"wrap="virtual"><?php echo $my_class->history;?></textarea>

answered May 26 '17 at 07:27

Narendra Solanki

1,042
14
20

Er Jagdish Patel · Answer 4 · 2017-06-27T07:00:29.007

6

I know its late but may help others.

use this when document indentation is required.

$('document').ready(function()
{
    $('textarea').each(function(){
            $(this).val($(this).val().trim());
        }
    );
});

Same Question : https://stackoverflow.com/a/44773825/3775083

edited Jun 27 '17 at 07:00

answered Jun 27 '17 at 06:53

Er Jagdish Patel

173
2
8

score 2 · Answer 5 · answered Jun 09 '20 at 08:25

2

$('textarea').val($('textarea').val().trim()) This did the job for me.

answered Jun 09 '20 at 08:25

hackernewbie

1,606
20
13

score 1 · Answer 6 · answered May 23 '19 at 16:31

I faced same problem but I found an answer of this question. When you write php code between textarea in another line or in new line then this problem occurs

To fix this problem write php code and textarea in one line

<div>
  <table>
    <tr>
      <th > History:</th>
      <td>
        **<textarea name="history"cols="80" label="notes"rows="4" wrap="virtual"><?php echo $my_class->history;?></textarea>**
      </td> 
    </tr>
  </table>
</div>

Oscar Castaneda · Answer 7 · 2022-12-13T18:58:42.530

0

you can break the opening tag as much as you want, like

<textarea id="COMMENTS" name="COMMENTS" rows="3" > as long as the </textarea> does not have blank spaces to the left

edited Dec 13 '22 at 18:58

answered Dec 13 '22 at 18:55

Oscar Castaneda

1
3

As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Dec 16 '22 at 15:48

How to remove extra space inside textarea

7 Answers7