首页 > Web开发 > 详细

jQuery插件placeholder的使用方法

时间:2015-05-14 16:10:15      阅读:221      评论:0      收藏:0      [点我收藏+]

借助该插件可以轻松实现HTML5中placeholder特效:

 

实例代码如下:

<script type="text/javascript" src="<%=basePath%>js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/jquery.placeholder.js"></script>
  <script type="text/javascript">
   $(function() {
    $(‘input, textarea‘).placeholder();
   });
  </script>
  <style type="text/css">
   input, textarea { font-family: Helvetica, Arial; color: #000;}
   .placeholder {color: #aaa;}
  </style>
 </head>


<input type="text" id="userName" name="userName" placeholder="请输入用户名…" style="margin-bottom: 12px;"><br>
<input type="password" id="password" name="password" placeholder="请输入密码…" style="margin-bottom: 12px;"><br>
<textarea id="personalInformation" name="personalInformation" rows="3" cols="50" maxlength="200" placeholder="请输入个人信息…"></textarea>

jQuery插件placeholder的使用方法

原文:http://www.cnblogs.com/koleyang/p/4503339.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!