Text Area + Scrolling Issues

Captain-Fungi · 28 Nov 2006 at 19:08

I have a text area on my webpage that is 18 chars in width at source. When I type into the textarea I can type more than 18chars and a scrollbar appears on the horizontal axis of the textarea.

How can I enforce a maximum of 18chars per line within my text area?

Thanks

HTMLHugo · 28 Nov 2006 at 19:09

MaxLength="18" ?

Captain-Fungi said:
I have a text area on my webpage that is 18 chars in width at source. When I type into the textarea I can type more than 18chars and a scrollbar appears on the horizontal axis of the textarea.

How can I enforce a maximum of 18chars per line within my text area?

Thanks

Captain-Fungi · 28 Nov 2006 at 19:11

textarea

HTMLHugo · 28 Nov 2006 at 19:13

just change to an input then set maxlength="18", cant see a point in having a text area for 18 chars only

Captain-Fungi · 28 Nov 2006 at 19:15

Sorry I should have explained myself better, it is a maximum of 18chars per row/line.

For instance I want it to look like this:

123456789123456789
123456789123456789

Instead I get:

123456789123456789123456789123456789123456789123456789

In Safari the textarea behaves as expected, in Firefox/IE it doesnt :rolleyes:

toString · 28 Nov 2006 at 20:02

Don't you have to give it a:

cols="5"

robmiller · 28 Nov 2006 at 20:19

So you want to manually insert a linebreak after 18 characters have been typed?

Hook into the onkeypress event with Javascript, and use a regular expression to replace any 18 non-whitespace characters with said characters + \n.

Captain-Fungi · 28 Nov 2006 at 20:43

KingAdora said:
Don't you have to give it a:

cols="5"

Tried that, it doesnt work. It just carries on scrolling!