html文本区域注入换行符
我有个奇怪的问题 我有一个html文本区域,cols设置为84,如下所示:html文本区域注入换行符,html,css,textarea,Html,Css,Textarea,我有个奇怪的问题 我有一个html文本区域,cols设置为84,如下所示: <textarea id="caseNote_note0" class="txtArea" name="caseNote_note" style="line-height: 1.1em; height: 5em;" wrap="hard" rows="10" cols="84" tabindex="7">blah blah blah</textarea> 文本区域几乎覆盖整个屏幕 当用户键入数据
<textarea id="caseNote_note0" class="txtArea" name="caseNote_note" style="line-height: 1.1em; height: 5em;" wrap="hard" rows="10" cols="84" tabindex="7">blah blah blah</textarea>
文本区域几乎覆盖整个屏幕
当用户键入数据时,数据会如您所期望的那样全部显示在文本区域中
但是,当您提交表单时,文本似乎已保存,并在其中插入了换行符
i、 e
保存前:
-------------------------------------------------------------------------------
废话废话废话废话废话废话废话废话废话
废话废话废话废话废话废话废话废话
-------------------------------------------------------------------------------
保存后:
-------------------------------------------------------------------------------
废话废话废话
废话废话废话
废话废话废话
废话废话废话
废话废话废话
废话废话废话
-------------------------------------------------------------------------------
如果我将cols
更改为大于84(比如150),换行符会出现得更晚(即换行符出现之前会显示更多文本)
文本还保存在数据库表中,带有这些明显的神秘换行符
一种变通方法是将cols
设置为非常高的值(比如500),然后我想我不会遇到这个问题……但我更想知道为什么会发生这种情况
感谢您的帮助
干杯
Jarrett删除
wrap
属性。不需要它。删除wrap
属性。这是不必要的。您的问题是由HTML中的wrap=“hard”
属性引起的。您可以将其更改为wrap=“soft”
以在屏幕上包装行,但不将其包含在提交的数据中。或者,您可以将其更改为wrap=“off”
以完全关闭wrap功能-文本区域将包含一个水平滚动条
有一个页面详细描述了这一点(这是Microsoft提供的),但是在web上搜索textarea wrap会给您带来更多的负载。您的问题是由HTML中的
wrap=“hard”
属性引起的。您可以将其更改为wrap=“soft”
以在屏幕上包装行,但不将其包含在提交的数据中。或者,您可以将其更改为wrap=“off”
以完全关闭wrap功能-文本区域将包含一个水平滚动条
有一个页面详细描述了这一点(这是Microsoft提供的),但是在web上搜索textarea wrap会给您带来更多的负载。如果您将宽度设置为99%,为什么要将COL设置为84?@这不是我的代码,我被要求修复它:太棒了,cols所做的是设置宽度以容纳这么多字符。width 99%声明覆盖了这一点并使宽度扩展。啊…不知道为什么他们将cols设置为84然后…:\谢谢你提供的信息:)如果你将宽度设置为99%,为什么要将cols设置为84?@这不是我的代码,我被要求修复它:太棒了,cols所做的是设置宽度以容纳这么多字符。width 99%声明覆盖了这一点并使宽度扩展。啊…不知道为什么他们将cols设置为84然后…:\谢谢你提供的信息:)啊,是这样的-不知道他们为什么设置包装,但你去了。等我同意的时候,我会接受你的回答。谢谢啊,就是这样-不知道他们为什么要包起来,但你去吧。等我同意的时候,我会接受你的回答。谢谢
.txtArea {
font-family:arial,sans-serif;
font-size:1.0em;
width:99%;
rows:10;
overflow:hidden;
border:none;
font-family:arial,sans-serif;
margin: 0px 3px 0px 3px;
}