首页 > Web开发 > 详细

HTML5的placeholder属性如何实现换行

时间:2015-02-25 18:26:41      阅读:613      评论:0      收藏:0      [点我收藏+]

在HTML5中,placeholder是一个非常有用的属性,当控件中无内容时可以代替UI控件的提示功能,而不需要写额外的代码。但如果有一个textarea控件,我们需要多行的文本提示信息时,使用”\n”, “
“均不能实现换行功能;后来在一次无意中的操作,实现了placeholder的换行功能。

placeholder的属性值本身包含格式信息,但不能转义字符(如’\n’, ‘\t’),在编辑器中可直接使用回车实现placeholder的换行功能。如:

<textarea placeholder="If you were a teardrop;In my eye,
For fear of losing you,I would never cry.

And if the golden sun,Should cease to shine its light, \t\n
Just one smile from you,Would make my whole world bright."></textarea>

显示效果如下:
技术分享

测试环境: Google Chrome, Version 40.0.2214.91 (64-bit)

HTML5的placeholder属性如何实现换行

原文:http://www.cnblogs.com/zhanran/p/4299874.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!