客户给的表单里面的textarea里面内容需要换行,发现placeholder元素后面加上Br不行,直接原样输出了,
那怎么实现上面的效果呢,实现效果多种,下面介绍通过js实现,前提先引用jquery插件,其他的插件就不需要了,这是js代码
<script type='text/javascript'>//<![CDATA[ $(function(){ var placeholder = '[姓名/NOM]\n[电话/TEL]\n[咨询内容/MESSAGE]'; $('textarea').val(placeholder); $('textarea').focus(function() { if ($(this).val() == placeholder) { $(this).val(''); } }); $('textarea').blur(function() { if ($(this).val() == '') { $(this).val(placeholder); } }); });//]]> </script>
看看html代码
<h3 style="margin-top:30px">留言 MESSAGE</h3> <textarea name="comments" id="comments" cols="" rows="" ></textarea>
这样就可以满足部分需求了,当然要更加完美,兼容ie,火狐等等浏览器就需要你自己去研究啦