`
Alrale
  • 浏览: 61872 次
  • 来自: fantasy
社区版块
存档分类
最新评论

Html元素<textarea>内回车的处理

    博客分类:
  • Java
阅读更多

做事从小事入手,从细节入手.

 

Html元素<textarea></textarea>文本域标签,里面可以输入文字,当然回车换行也是允许的。

当我们往数据库存储的时候,回车换行被转换为"\r\n"

如果不注意,可能会出现这样的情况,数据取出来,直接window.write(string) 或者 element.value = string

回车换行会自动折行,像这样"abcdabcd\r\nabc" ==>  abcdabcd

                                                                              abc

 

所以提醒自己要小心。

分享到:
评论

相关推荐

    textarea换行符

    &lt;textarea id="textarea"&gt;&lt;/textarea&gt; &lt;script&gt; var str = document.getElementById("textarea").value; str = str.replace(/\r\n/g, "&lt;br&gt;"); document.getElementById("textarea").value = str; &lt;/script&gt; ```...

    js监听鼠标事件控制textarea输入字符串的个数.docx

    "&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;您还可以输入:&lt;input name="remLen" type="text" value="65" size="5" readonly="readonly" /&gt;个字符,每条短信最大允许输入 &lt;strong&gt;65&lt;/strong&gt; 个字符&lt;/td&gt; &lt;/...

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

    总结起来,正确使用`&lt;textarea&gt;`标签的语法以及合理配置其属性,结合JavaScript进行后端处理,可以帮助我们有效地管理和控制用户在`textarea`中的输入,从而避免多余的空格和回车。对于需要保持文本格式的应用场景,...

    说说回车键触发表单提交的问题

    此外,对于`&lt;textarea&gt;`元素,按下回车键会插入换行符,而非触发表单提交。如果希望在此场景下也响应回车提交,可以额外处理`&lt;textarea&gt;`的键盘事件。 在实际开发中,考虑到不同浏览器的兼容性和用户习惯,开发者...

    JavaScript获取,设置光标位置,兼容InputTextArea

    在JavaScript编程中,获取和设置光标位置是常见的需求,特别是在与用户交互的表单元素如`&lt;input&gt;`和`&lt;textarea&gt;`中。这涉及到DOM(文档对象模型)操作和事件处理,对于创建动态和响应式的网页应用至关重要。本文将...

    如何在textarea文本输入区内实现换行

    在HTML中,`&lt;textarea&gt;`元素是用来创建一个多行文本输入区域的,用户可以在其中输入并编辑文本。在默认情况下,`&lt;textarea&gt;`中的文本在显示时不会自动换行,这意味着如果你想要在textarea中实现换行,需要使用特定的...

    textarea剩余字数

    `textarea`标签通常与`&lt;form&gt;`元素一起使用,以便收集用户输入的信息并将其发送到服务器进行处理。 ### 1. `&lt;textarea&gt;`的基本结构 ```html &lt;textarea id="example" name="example" rows="4" cols="50"&gt; 默认文本 ...

    html中textarea的使用及常见问题及案例分析

    `&lt;textarea&gt;` 标签在 HTML 中用于创建一个多行文本输入区域,允许用户输入大量文本,比如评论、反馈或文章内容。它通常用于表单(`&lt;form&gt;`)内,以便用户可以在提交表单时输入长文本。以下是关于 `textarea` 标签的...

    textarea

    在网页开发过程中,`textarea`是一个非常重要的HTML元素,主要用于接收多行文本输入。在本文中,我们将详细介绍如何使`textarea`随内容的高度固定而自动增宽,以及宽度固定时如何自动增高,并对`wrap`属性的几种设置...

    Textarea处理

    在某些场景下,例如从数据库读取存储的文本并希望在`textarea`中编辑时,我们可能需要将HTML中的`&lt;br&gt;`标签还原为换行符,以便于编辑和后续处理。 #### JavaScript函数:replaceTextarea2() 为此,`...

    JavaScript网络课.pdf

    `&lt;textarea&gt;`标签用于创建多行文本输入框,而`&lt;input type="text"&gt;`创建单行文本输入框,`&lt;input type="radio"&gt;`用于创建单选按钮。 HTML文本显示状态代码中,`&lt;SUP&gt;`标签用于使文本上标,`&lt;SUB&gt;`用于下标,`&lt;B&gt;`或...

    关于textarea文本转为html即回车换行

    完成转换后,你可以将`htmlValue`或`html`插入到HTML元素中,例如`&lt;div&gt;`或`&lt;p&gt;`,以便在网页上正确显示带换行的文本。 总结起来,将`textarea`中的文本转换为HTML,以便保留回车换行,关键在于使用正则表达式或...

    html入门到放弃笔记

    标记在使用时,用尖括号 "&lt;&gt;",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法:&lt;标记&gt;内容&lt;/标记&gt; Demo : 1、创建 p 标记 --&lt;p&gt;...&lt;/p&gt; 2、创建 div 标记 -- &lt;div&gt;&lt;/div&gt; 3、创建 ...

    第5周

    在HTML中,连续的空格或回车不会产生效果,需要使用`&lt;pre&gt;`元素保留原始格式,或者使用CSS来控制空白处理。 4. 文本格式化:HTML提供了诸如`&lt;b&gt;`(粗体)、`&lt;i&gt;`(斜体)、`&lt;u&gt;`(下划线)和`&lt;strong&gt;`(强调,通常...

    textarea是否自动换行

    在HTML中,`&lt;textarea&gt;`元素用于创建一个多行文本输入区域,用户可以在其中输入、编辑和查看文本。关于“textarea是否自动换行”的问题,实际上`&lt;textarea&gt;`标签自身是支持文本自动换行的。当用户在textarea中输入...

    如何聚焦脚本(HTML经典用例)

    在这个例子中,`&lt;form&gt;`元素定义了一个名为`form2`的表单,`&lt;textarea&gt;`元素则创建了一个可编辑的多行文本输入区,其名称为`c`。`rows`和`cols`属性分别指定了文本区域的行数和列数,而其中的文本是预设内容。紧接着...

    jsp无法提交nicEdit中的内容的解决方法

    在HTML中,如果在一个`&lt;form&gt;`元素内,用户在`&lt;input type="text"&gt;`字段中按下回车键,浏览器会默认触发表单的提交事件。为了避免这种情况,开发人员通常会将提交按钮的类型从`submit`更改为`button`,防止表单意外...

    jquery 插件实现多行文本框[textarea]自动高度

    1. 当用户在`&lt;textarea&gt;`中按下回车键换行时,文本框会自动增加一行的高度。 2. 当用户删除一行内容时,文本框的高度会相应地自动减少。 这个插件的实现依赖于jQuery库,因此需要在项目中引入jQuery。然而,作者...

Global site tag (gtag.js) - Google Analytics