html在placeholder中加回车,如何让textarea的placeholder属性中的文字换行?

《如何让textarea的placeholder属性中的文字换行?》要点:

本文介绍了如何让textarea的placeholder属性中的文字换行?,希望对您有用。如果有疑问,可以联系我们。

要实现这样的效果

07f3e5663e149acacc7b0b3a8752f3c9.png

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

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

2590d9e8a70ca28b6bae5bbd3bbd844f.png

解决方法是换成

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

另外用js直接设置textarea的placeholder属性值为'1、textarea\n2、success'也是可行的document.querySelector('textarea').setAttribute('placeholder','1、textarea\n2、success')

但是注意:两种方式仅支持Chrome浏览器html >

 textarea placeholder换行 

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

总结

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值