今天有空演示一下jQuery插件placeholder的使用方法,借助该插件可以轻松实现HTML5中placeholder特效:
效果图:

实现代码:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";
%>
借助jQuery placeholder实现HTML5中placeholder特效
<script type="text/java script">
$(function() {
$('input, textarea').placeholder();
});
借助jQuery placeholder实现HTML5中placeholder特效
Linux公社 www.Linuxidc.com
说明:上面例子并不是HTML5页面,但由于使用了该插件所以看上去和HTML5的效果差不多;上面例子使用了jquery-1.8.3.min.js和jquery.placeholder.js两个文件,这两个文件可在下面的下载资源中找到。
------------------------------------------分割线------------------------------------------
具体下载目录在 /2014年资料/8月/12日/jQuery插件placeholder的使用方法/
------------------------------------------分割线------------------------------------------
--------------------------------------分割线 --------------------------------------