• Using form labels as text field values(基于jQuery的表单增强脚本和插件九)


    添加该脚本后,可以将表单的label值显示在输入框中,使界面更加简洁。

    Using form labels as text field values

    When designing you sometimes have limited space to put and display all of the form elements. Recently that happened to me and when I was trying to squeeze in a simple newsletter form to a 120px wide area (plus a limited height). I realized that some of the elements will have to go. The obvious solution was to get rid of the labels and put only the form text fields. How will the users know what are the text fields for? I will use value attributes and write the explanation in there, something like "Input your email here". Problem solved? Not quite. Why? Because I am a web standards freak :)

    点击次数   官方主页【官方主页】   下载地址【下载地址】

    网友留言/评论

    我要留言/评论

    相关开源项目

    jQuery Mousewheel Plugin: jQuery Mousewheel Plugin用于添加跨浏览器的鼠标滚轮支持。mousewheel事件的处理函数有一点小小的变化,它除了第一个参数event 外,还接收到第二个参数delta。通过参数delta可以获取鼠标滚轮的方向和速度。如果delta的值是负的,那么滚轮就是向下滚动,正的就是向上。
    Choco-Slider: Choco-Slider是一个轻量级(大约7kb),灵活的jQuery图片Slider插件。拥有好看的效果。这个插件有多个选项可以自定义包括:尺寸,自动滑开/关,转换之间的延迟,后退,下一个控制开/关等。Choco-Slider提供三种可定制的动画,并支持大部分浏览器包括IE6。
    Masked Input Plugin:Masked Input这个jQuery插件让用户能够按照预先设定好的固定格式输入数据(如日期、电话号码等)。
    浮动的圣诞滚动条(jQuery/JavaScript的圣诞主题效果九):用JavaScript创建一个浮动的圣诞滚动灯箱,其中还有飘雪动画和吸引眼球的横向走马灯滚动文字。圣诞节快到了,赶快为你的网站打扮一番,换上节日的盛装吧!
    Thumbnails Preview Slider with jQuery: 这是一个缩略图预览Slider jQuery插件。当鼠标移到导航点上时,将显示缩略图,而且缩略图会逐渐放大。
    xmlObjectifier:基于jQuery开发,能够把XML DOM转换成 JSON的JavaScript library。
    右键菜单jQuery插件 wdContextMenu: wdContextMenu是一个非常轻量的jQuery右键菜单插件。
    jQuery Webcam:jQuery Webcam这个插件为在JavaScript中与摄像头通信提供了一个透明访问层。它通过一个SWF文件来与摄像头交互,能够显示WebCam输出和捕捉图象。如果摄像头有多个,它个插件能够列出所有可用的摄像头,并选择其中任意一个。
    Isotope: Isotope是一个优秀的jQuery插件能够对一组页面元素进行排序并创建智能布局。利用这个插件,能够对任意给定的一组元素用显示/隐藏效果进行过滤并且可以用花俏的动画进行重新排序。这个插件的布局功能非常强大。利用一个简单的功能,元素集将被转换成水平或垂直布局或智能地分布在一个网格中,在布局时都会伴随有漂亮的动画效果。
    jMonthCalendar:jMonthCalendar是一个jQuery插件用于创建以月视图显示的事件日历表(event calendar)。jMonthCalendar支持跨天的事件和通过拖放操作更新事件数据。