textarea去除多余空格和回车的方法及其属性

textarea去除多余空格和回车的方法及其属性

1.错误解决方法

使用textarea的标签时候发现多了空格或者’\n‘,后来发现是</textarea>标签的位置错了

以下是错误示范:

<textarea  style="width:100%;height:5%;">你好
</textarea>

在这里插入图片描述

以下是正确示范:

<textarea style="width:100%;height:5%;">你好</textarea>

在这里插入图片描述

关键在于<textarea></textarea>要在同一行,不然他们之间的部分都计入(包括回车’\n‘,空格)


2.<textarea>的属性

以下是常用的属性

属性 功能
maxlength 最大输入长度
minlength 最小输入长度
cols 列数
row 行数
readonly 只读不可修改
required 必填
warp 是否需要换行符

特别介绍一下 warp功能

 <textarea wrap="soft|hard">

soft 在表单提交时,textarea 中的文本不换行,即不含换行符。(不指定默认是soft)
hard 在表单提交时,textarea 中的文本包含换行符,当使用 “hard” 时,必须指定 cols 属性。

猜你喜欢

转载自blog.csdn.net/weixin_45760685/article/details/104961159