HTML - wrap Attribute



HTML wrap attribute is used to wrap the text in a text area when submitted in a form.

Syntax

<tag wrap="value"> ... </textarea>

Following are values of the ‘wrap’ attribute

  • Soft: This is the default value. It specifies that the text in the textarea will not be wrapped when the form is submitted.
  • Hard: It defines that the text in a textarea wraps when the form is submitted.

Applies on

Below listed element allow using of the HTML wrap attribute.

Element Description
<textarea> HTML <textarea> tag is used to represent a multiline plain-text editing control.

Examples of HTML wrap attribute

Bellow examples will illustrate the HTML wrap attribute, where and how we should use this attribute!

Wrap attribute with the value "hard"

On running the below code, it will generate an output consisting of the textarea field along with a click button on the webpage.

<!DOCTYPE html>
<html>
<body>
   <h1>The textarea wrap attribute</h1>
   <form action="/action_page.php">
      <textarea rows="3" cols="20" name="usrtxt" wrap="hard">
         At tutorialspoint you will find free Web-building tutorials.
      </textarea>
      <br>
      <input type="submit">
   </form>
</body>
</html>

Wrap attribute with the value "soft"

When we run the below code, it will generate an output consisting of the textarea field along with a click button displayed on the webpage.

<!DOCTYPE html>
<html>
<body>
   <h1>The textarea wrap attribute</h1>
   <form action="/action_page.php">
      <textarea rows="3" cols="20" name="usrtxt" wrap="soft">
         At tutorialspoint you will find free Web-building tutorials.
      </textarea>
      <br>
      <input type="submit">
   </form>
</body>
</html>

Supported Browsers

Attribute Chrome Edge Firefox Safari Opera
action Yes Yes Yes Yes Yes
html_attributes_reference.htm
Advertisements