textarea

最近的项目移动端用到 textarea 这个新特性;

具体标签 菜鸟教程 http://www.runoob.com/tags/tag-textarea.html

这个上面都是有的 我就不多说了;

 

第一个小问题:textarea 鼠标点击后,光标不是出现在首行第一个位置; 仔细检查textarea标签,发现闭合位置有 空格 ,删除,问题解决;

 

第二个问题:关于 textarea 这个标签的文字限制;

  

<textarea id="area" name="ss" placeholder="请输入文本内容"></textarea>  
<p><span id="text-count">0</span>/50</p>  
<script type="text/javascript">  
    /*字数限制*/  
    $("#area").on("input propertychange", function() {  
        var $this = $(this),  
            _val = $this.val(),  
            count = "";  
        if (_val.length > 50) {  
            $this.val(_val.substring(0, 50));  
        }  
        count = $this.val().length;  
        $("#text-count").text(count);  
    });  
</script>  

这个应该是最方便的一个方法吧

posted @ 2017-05-03 15:05  前端一年级  阅读(579)  评论(0编辑  收藏  举报