摘要:主要是在上找到的,照例上代码常规想到的方法正确的换行姿势换行回车所以它们组合起来就是,我想这个一目了然了测试实测均有效无效拓展代码对照表问答
一次意外,需要在textarea有placeholder提示的时候进行换行操作,那个头大哟~
网上找了一圈,也在咱问答上面找了下(超鸡少,寥寥几个回答有答到点上却被淹没在众多回答中,翻了好几圈在翻的倒,)
所以呢,写个文,记下来。
主要是在stackoverflow上找到的,照例上代码:
常规想到的方法:
, r, n
正确的换行姿势: ,
: LF line feed 换行
: CR carriage return 回车
所以它们组合起来就是:CRLF,我想这个一目了然了
http://output.jsbin.com/sakago
测试
IE7, IE8, Chrome, Firefox 实测均有效
iOS 10.2 Safari 无效
拓展ASCII代码对照表
Stackoverflow问答
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/50197.html
摘要:虽然效果一样,但是这两种换行的方式使用起来却不同。使用换行这种方式用起来比较坑,所以本文章的重点就是这一部分。因为之前知道弹框中要实现换行,只能通过的方式,而不能通过的方式。在元素上使用等方式,发现都是可以实现换行的。 前言 最近遇到这样一个需求:需要在页面中显示一段第三方文本信息。这些文本完全由第三方自己定义,我们负责显示在页面即可,第三方要求这些文本需要换行显示即可。 我们都知道在...
摘要:显示的时候,从后台获取到文本之后,去掉文中的所有空格,然后显示在标签里面。这里我用一个小例子来示意一下在各种情况下的保存和显示。首先尝试,去掉所有的空格,首先想到的就是方法。 当我们使用 textarea 在前台编辑文字,并用 js 提交到后台的时候,空格和换行是我们最需要考虑的问题。在textarea 里面,空格和换行会被保存为/s和/n,如果我们前台输入和前台显示的文字都是在 te...
摘要:显示的时候,从后台获取到文本之后,去掉文中的所有空格,然后显示在标签里面。这里我用一个小例子来示意一下在各种情况下的保存和显示。首先尝试,去掉所有的空格,首先想到的就是方法。 当我们使用 textarea 在前台编辑文字,并用 js 提交到后台的时候,空格和换行是我们最需要考虑的问题。在textarea 里面,空格和换行会被保存为/s和/n,如果我们前台输入和前台显示的文字都是在 te...
摘要:官方不认为这是一个意思就是说表示的是一个简单的提示一个词或者一个短语,根本不需要换行。但是实际应用中,我们有时需要换行。如何解决很多时候我们用来解决,其实也可以实现。表示换行以上是的代码,类也有相应的版本表示换行可以参考上的讨论。 textArea的placeholder不能换行。例如: 这是不会起作用的,会原封不动地输出。 showImg(http://segmentfau...
摘要:但是现在产品经理说了需要这个文本框可以根据用户输入内容自适应其高度。想法很简单,当用户输入的文本超过了文本框自身高度时不是会出现滚动条嘛,那么自然而然就能想到这个属性。就应该是用户输入文本的真实高度,至少超过文本框既定高度时是这样。 文本框是很常见的输入控件,我相信只要写过表单的肯定接触过 textarea 这个元素。 OK。但是现在产品经理说了:需要这个文本框可以根据用户输入内容自适...
摘要:但是现在产品经理说了需要这个文本框可以根据用户输入内容自适应其高度。想法很简单,当用户输入的文本超过了文本框自身高度时不是会出现滚动条嘛,那么自然而然就能想到这个属性。就应该是用户输入文本的真实高度,至少超过文本框既定高度时是这样。 文本框是很常见的输入控件,我相信只要写过表单的肯定接触过 textarea 这个元素。 OK。但是现在产品经理说了:需要这个文本框可以根据用户输入内容自适...
阅读 2064·2021-09-22 15:43
阅读 8616·2021-09-22 15:07
阅读 1078·2021-09-03 10:28
阅读 2052·2021-08-19 10:57
阅读 1061·2020-01-08 12:18
阅读 2972·2019-08-29 15:09
阅读 1521·2019-08-29 14:05
阅读 1639·2019-08-29 13:57