textarea 文字提示

今天要切一个评论提示页面

 

 

代码如下

<textarea class="all_width" rows="5"  style="resize: none;" placeholder="这一刻的想法，我也说两句..." id="content" autofocus="">

</textarea>

 

问题：发现placeholder这个属性的值永远显示不出来，最后找同事帮忙，究其原因，是因为给textarea控件添加了“回车换行空格”的内容，导致无法显示placeholder属性的值。

  

修改如下

<textarea class="all_width" rows="5"  style="resize: none;" placeholder="这一刻的想法，我也说两句..." id="content" autofocus="">
</textarea>

 

由于需要需要进入页面的时候需要在手机终端弹出输入法，因此需要聚焦，代码如下

 

$(function(){
setTimeout(function(){
//            document.getElementById("content").focus();
$("#content").focus();
},2);
});

 备注：

1、聚焦，按照上面两种方法都可以

2、在控件中添加 autofocus属性