wrap

Description
Syntax
Examples
Links

Description

The wrap attribute for HTML specifies the wrap state of the text when it is submitted.

The hard state indicates the text is to have newlines added by the user agent so the text is wrapped when it is submitted. The soft state indicates the text is not to be wrapped when it is submitted (though it can still be wrapped in the rendering).

Syntax

wrap="value"

Examples

1 · HTML · hard

2 · HTML · soft

3 · JS · hard

<!doctype html>
<html>
<body>
    <p>Menu ▸ Developer / Tools ▸ Developer Tools (F12) ▸ Console</p>
    <form>
        <textarea></textarea>
        <input>
    </form>
    <script>
        function myfunction(myparameter)
        {
            console.log(window.location.search);
        }
        const myform = document.querySelector("form");
        myform.onsubmit = (myevent) => {myfunction(myevent)};
        const mytextarea = document.querySelector("textarea");
        mytextarea.cols = "10";
        mytextarea.name = "myname";
        mytextarea.textContent = "hardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhardhard";
        mytextarea.wrap = "hard";
        const myinput = document.querySelector("input");
        myinput.type = "submit";
    </script>
</body>
</html>

4 · JS · soft

<!doctype html>
<html>
<body>
    <p>Menu ▸ Developer / Tools ▸ Developer Tools (F12) ▸ Console</p>
    <form>
        <textarea></textarea>
        <input>
    </form>
    <script>
        function myfunction(myparameter)
        {
            console.log(window.location.search);
        }
        const myform = document.querySelector("form");
        myform.onsubmit = (myevent) => {myfunction(myevent)};
        const mytextarea = document.querySelector("textarea");
        mytextarea.cols = "10";
        mytextarea.name = "myname";
        mytextarea.textContent = "softsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoftsoft";
        mytextarea.wrap = "soft";
        const myinput = document.querySelector("input");
        myinput.type = "submit";
    </script>
</body>
</html>