jQuery表单事件实例代码分享

2019-11-20 09:13:02

字体：大中小

来源：转载

供稿：网友

本文实例为大家分享了jQuery表单事件代码，供大家参考，具体内容如下

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>表单事件</title></head><style type="text/css" rel="stylesheet">  .input_focus{    background-color: #BEE7FC;  } </style><script type="text/javascript" src="js/jquery-1.8.3.js"></script><script language="JavaScript">  $(document).ready(function () {    $("[name=member]").focusin(function () {      $(this).addClass("input_focus");    });    $("[name=member]").blur(function () {      $(this).removeClass("input_focus");    });         });   </script><body><div id="login">  <fieldset>    <legend>用户登录</legend>    <p>      <label>用户名：</label>      <input name="member" type="text" />    </p>    <p>      <label>密码：</label>      <input name="password" type="text" />    </p>    <p>      <label>验证码：</label>      <input name="code" type="text" class="code" />      <img src="images/code.gif" width="80" height="30" /><a href="#">换一张</a>    </p>    <p>      <input name="" type="button" class="btn" value="登录" />      <a href="#">注册</a><span>|</span><a href="#">忘记密码？</a>    </p>  </fieldset></div></body></html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持武林网。

上一篇：jQuery过滤选择器经典应用

下一篇：Angularjs结合Bootstrap制作的一个TODO List