微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

textarea placeholder文字换行

要实现这样的效果

第一反应是直接在placeholder属性值里输入\n换行,如:

浏览器直接输出了它,类似地输入
也行不通

解决方法是换成


效果立竿见影,
是unicode字符中的换行符。

另外用js直接设置textarea的placeholder属性值为'1、textarea\n2、success'也是可行的

document.querySelector('textarea').setAttribute('placeholder','1、textarea\n2、success')

支持Chrome浏览器

代码

textarea placeholder换行

BTW,科普一下“换行”和“回车”的区别:

"回车"(carriage return)和"换行"(line Feed)是来源机械英文打字机,"车"指的是纸车,带着纸一起左右移动的模块, 当开始打第一个字之前,要把纸车拉到最右边,上紧弹簧,随着打字, 弹簧把纸车拉回去,每当打完一行后,纸车就完全收回去了,所以叫回车。换行的概念是打字机左边有个"把手 ",往下 扳动一下,纸会上移一行。

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐