TextArea里Placeholder换行问题
来源:互联网 发布:程序员理财 编辑:程序博客网 时间:2024/05/16 19:47
转:http://www.tuicool.com/articles/feYVNf
页面上使用TextArea控件时,会时不时的想给个提示,比如按照一定方式操作之类的。
正常情况下,会使用Placeholder,但这样的提示是不会换行的,无论是用\r\n,还是用<br/>,都不起作用。
前段时间碰到这个问题,一直没有解决,所有页面上的Placeholder都是一行到底,丑死了。
无意中,一个朋友提供了一个方法,完美的解决了问题,贴出来和大家分享一下:
<textarea id="text1" placeholder="Line 1" rows="5"></textarea><textarea id="text2" placeholder="." rows="5"></textarea>#text1::-webkit-input-placeholder::after { display:block; content:"Line 2\A Line 3";}#text2::-webkit-input-placeholder::before { color:#666; content:"Line 1\A Line 2\A Line 3\A";}
0 0
- TextArea里Placeholder换行问题
- TextArea里Placeholder换行问题
- 火狐浏览器-TextArea里Placeholder换行问题
- CSS 实现 textArea 的 placeholder 换行
- textarea里的换行符
- textarea里显示换行<br>
- textarea 换行问题
- textArea换行问题
- textarea换行问题
- textarea中的换行问题
- textArea的换行问题
- textarea 内容换行问题
- textarea 换行问题
- textarea换行字数限制问题
- textarea对象换行问题(强制换行、自动换行)
- 常见textarea换行问题的处理方法
- 解决textarea不会自动换行的问题
- textarea和mysql中的换行符问题
- iOS需要知道的一些其他知识
- QT随笔(1):鼠标事件小结
- linux awk命令详解
- 天声人語 20141226
- Ubuntu14.10 sogou & Google Pinyin 输入法安装
- TextArea里Placeholder换行问题
- xstream:实现JavaBean与XML/JSON的相互转换
- Memcache知识点梳理
- 【iOS开发】设置textView的默认提示文字
- OAuth2授权原理
- C语言系统开发资源视频资源
- shell的set命令的用法
- 【二维码】文字&网址生成二维码
- jsp接收action的值的方法总结