文章关键字 ‘焦点’

div模拟textarea文本域轻松实现高度自适应

2010年12月23日,星期四

textarea标签为表单元素,一般用在多行文字的输入。在web应用上常见的是评论输入框,微博信息输入框等。
作为多行文本域功能来讲,textarea满足了我们大部分的需求。然而,textarea有一个不足就是不能像普通div标签一样高度可以跟随内容自适应。textarea总是很自信地显摆它的滚动条,高度固执地岿然不动。所以,有时候,为了增加交互体验想让文本域高度自适应的时候,就会遇到麻烦。
然而,实际上,如果你要求不是很高,是个非常简便,且老少皆宜的实现方法的。这种方法就是使用普通的div标签模拟textarea文本域,同时又利用了div标签的高度自适应性。于是,textarea文本域的高度自适应效果就可以轻松实现。
本文就是讲述如何实现这种模拟的自适应效果的。提供代码展示,提供丰富飞截图,以及必要的demo实例页面,希望能对您的学习有所帮助。

阅读全文…

textField – jQuery文本域操作集插件展示

2010年10月26日,星期二

老早就有个想法,要把文本域(正规叫法为“多行文本输入框”,我个人喜欢称之为“文本域”)相关的一些操作啊效果啊什么的全部集中到一起,然后以后使用的时候就不要再去分别写啦。酝酿的差不多了,就抽了两个晚上把这个几乎集textarea文本域相关的一些交互全部集中到了一个js文件中,我将其命名为jquery.textField.js。

这是一个关于多行文本框的还算蛮强大的插件,其功能包括:文字还可以(需要)输入或是超出的提示,文字个数合法与否与按钮可用与否的关联,失去焦点获得焦点多行文本框的样式变化,支持默认的文字提示在隐藏与显示,历史记录,Ajax自动保存等。本文提供截图效果展示,提供demo展示,一些源代码展示,同时对各个API参数进行的简单的介绍。希望能对您的学习提供帮助。

阅读全文…