4.html5表单属性wrap属性的作用效果？

Question

如题所述

Answer 1

HTML5表单中的wrap属性主要用在<textarea>多行文本框中来控制换行规则，具体属性说明见图：

追问

求具体的实例，这个我都不知道效果，感觉看演示也没有看到换行与不换行区别在哪里

追答

请注意上面我回答里面的说明图，wrap属性是规定当在表单中**提交**时如何处理换行，而不是在网页上直接就能看到什么显示效果。

简单地说就是<textarea>在提交时，所提交的数据不一样。比如你的<textarea>元素的宽度只有100px，但是里面的文本比较多，在<textarea>中就会自动换行，以多行来显示。这里的自动换行在默认情况下wrap="soft"时是被无视的，提交的数据不会有换行符。而如果设置了wrap="hard"，则在提交表单数据时，会在自动换行的位置插入换行符才提交。

演示代码

<form action="" method="post">

<textarea name="test" wrap="soft" rows="10" cols="10">
helloworldhelloworldhelloworldhelloworldhelloworldhelloworld
</textarea>

<textarea name="test2" wrap="hard" rows="10" cols="10">
helloworldhelloworldhelloworldhelloworldhelloworldhelloworld
</textarea>

<input type="submit" value="提交" />

</form>

演示图（使用chrome内核浏览器的开发人员工具）：

追问

非常感谢你这么完美的回答，太感谢了