hi there, my simple textarea doesn't show horizontal bar when text overflow, it wrap text for a new line, so how remove wordwrap and display horizontal bar when text overflow ?
god bless!
+11
A:
Textareas shouldn't wrap by default, but you can set wrap="off" to explicitly disable wrap:
<textarea name="nowrap" cols="30" rows="3" wrap="off"></textarea>
EDIT: The "wrap" attribute is not officially supported. I got it from the german SELFHTML page (an english source is here) that says IE 4.0 and Netscape 2.0 support it. I also tested it in FF 3.0.7 where it works as supposed.
EDIT2: If you want to be sure every browser supports it, you can use CSS to change wrap behaviour:
Using Cascading Style Sheets (CSS), you can achieve the same effect with white-space: nowrap; overflow: auto;. Thus, the wrap attribute can be regarded as outdated.
From here (seems to be an excellent page with information about textarea).
schnaader
2009-03-18 11:10:14
wrap seems not a textarea properties... or maybe it deprecated?http://www.w3schools.com/tags/tag_textarea.asp
Dels
2009-03-18 11:19:18
Yes, it seems it's unofficial - thanks for the hint, I'll edit my answer.
schnaader
2009-03-18 11:35:17
i made a simple html with only textarea and it wordwrap by default ????
StoneHeart
2009-03-18 12:47:10
What browser are you using?
schnaader
2009-03-18 12:57:20
+2
A:
The following CSS based solution works for me:
<html>
<head>
<style type='text/css'>
textarea {
white-space: nowrap;
overflow: scroll;
overflow-y: hidden;
overflow-x: scroll;
overflow: -moz-scrollbars-horizontal;
}
</style>
</head>
<body>
<form>
<textarea>This is a long line of text for testing purposes...</textarea>
</form>
</body>
</html>
Galghamon
2009-03-18 13:13:00