html-textarea初始化时就有个table空格以及tab键操作无效_html/css_WEB-ITnose

1 初始化时就有一个tab空格

    这是因为之间的内容不为空的原因，包括空格和换行，否则浏览器会认为空格或者换行都是文本域的内容，因此书写时需将紧靠在一起；

2 tab键对textarea操作无效

    在textarea中使用tab键时是无效的，会切换到另一个控件上去，但是当我们有个需要时，要能够在文本域中使用tab键，可以使用javascript或者jquery方式实现：

     方式1：javascript

    

   

    <script>tabIndent.renderAll();</script>

    在textarea标签中的class="tabIndent"

     实例：

.demo{width:600px; margin:30px auto; color:#51555c}

.demo h3{height:32px; line-height:32px; font-size:18px}

.demo h3 span{float:right; font-size:32px; font-family:Georgia,serif; color:#ccc;

overflow:hidden}

.demo textarea{width:600px;height:50px;}

   

   

     <script>tabIndent.renderAll();</script>

   

    

版权声明：本文为博主原创文章，未经博主允许不得转载。