摘要: 在玩微博的时候我们可能会注意到一个细节就是不管是新浪微博还是腾讯微博在转发和评论的时候给你的默认文本框的高度都不会很高,这可能是版面的限制和用户通常只转播或者评论一个短句有关。但是当你输入超过一行文字的时候,文本框的高度就自动撑高了,大大改善了体验,这样用户就可以看到全部的文字。不用再去拖动文本框的滚动条。如图:新浪微博:@feiwen8772(我的新浪微博,顺便做个广告,^_^)腾讯微博:@feiwen8772(我的腾讯微博,顺便做个广告,^_^)这些在平时的项目中挺实用的,所以抽空封装了一个文本框根据输入内容自适应高度的插件-autoTextarea:01(function($){02$. 阅读全文
posted @ 2012-06-07 19:50 青松高洁 阅读(259) 评论(0) 推荐(0) 编辑
摘要: 一、关于textarea文本域以及高度自适应textarea标签为表单元素,一般用在多行文字的输入。在web应用上常见的是评论输入框,微博信息输入框等。例如企鹅微博的输入框:作为多行文本域功能来讲,textarea满足了我们大部分的需求。然而,textarea有一个不足就是不能像普通div标签一样高度可以跟随内容自适应。textarea总是很自信地显摆它的滚动条,高度固执地岿然不动。所以,有时候,为了增加交互体验想让文本域高度自适应的时候,就会遇到麻烦。并不是不能实现,例如Google的Buzz的输入框就是高度自适应里面的内容的,如下截图:不说远的,我个人网站的提问与交流页面中的回答输入框(需 阅读全文
posted @ 2012-06-07 16:58 青松高洁 阅读(200) 评论(0) 推荐(0) 编辑