HTML <textarea> with wrap Attribute

February 10, 2021 7:26 pm IST

❮ Prev Next ❯

You are Here:

HTML <textarea> with wrap Attribute

The wrap attribute specifies how to wrap the text in a textarea, when a form is submitted.

soft

The actual text is still on the same line but looks like it's divided into several lines.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <form action="/textarea-wrap.php"> <textarea cols="25" rows="5" name="desc" wrap="soft"></textarea> <input type="submit"> </form> </body> </html>

Run

Attribute Value

Value	Explanation
soft	Default. The actual text is still on the same line but looks like it's divided into several lines.
hard	The browser automatically inserts line breaks so that each line has no more than the width of the control. Here, the cols attribute must also be specified for this to take effect.
off	The browser will automatically adds the horizontal scrollbar and it will not break the words as like wrap="soft".

hard

The browser automatically inserts line breaks so that each line has no more than the width of the control.

Note: The cols attribute must also be specified for this to take effect.

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <form action="/textarea-wrap.php"> <textarea cols="25" rows="5" name="desc" wrap="hard"> </textarea> <input type="submit"> </form> </body> </html>

Run

off

The browser will automatically adds the horizontal scrollbar and it will not break the words as like wrap="soft".

Example

HTML Online Editor

<!DOCTYPE html> <html> <body> <form action="/textarea-wrap.php"> <textarea cols="25" rows="5" name="desc" wrap="off"></textarea> <input type="submit"> </form> </body> </html>

Run