jQuery插件placeholder的使用方法

借助该插件可以轻松实现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>

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。