jquery获取表单的值
jQuery 获取 表单
2023-09-14 08:57:44 时间
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> body{ font:normal 12px/17px Arial; } div{ padding:2px; } input, textarea { width: 12em; border: 1px solid #888; } .focus { border: 1px solid #f00; background: #fcc; } </style> <!-- 引入jQuery --> <script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $(":input").focus(function(){ $(this).addClass("focus"); if($(this).val() ==this.defaultValue){ $(this).val(""); } }).blur(function(){ $(this).removeClass("focus"); if ($(this).val() == '') { $(this).val(this.defaultValue); } }); }) </script> </head> <body> <form action="" method="post" id="regForm"> <fieldset> <legend>个人基本信息</legend> <div> <label for="username">名称:</label> <input id="username" type="text" value="名称" /> </div> <div> <label for="pass">密码:</label> <input id="pass" type="password" value="密码" /> </div> <div> <label for="msg">详细信息:</label> <textarea id="msg" rows="2" cols="20">详细信息</textarea> </div> </fieldset> </form> </body> </html>
相关文章
- Jquery - 获取所有子节点 ( 并删除 )
- js jquery - 获取元素(父节点,子节点,兄弟节点),元素筛选 (转载)
- jQuery实现啊城市选择
- 如何利用 jQuery 修改 css 中带有 !important 的样式属性?
- jQuery radio取值,checkbox取值,select取值
- jQuery源码-美元$的若干种使用方法
- jQuery获取对象简单实现方法
- jQuery 获取DOM节点的两种方式
- js和jquery获取父级元素、子级元素、兄弟元素的方法{转}
- 使用jquery在前台页面验证url网址输入是否正确
- 前端-jQuery-操作标签-文档操作
- jQuery温习篇---强大的JQuery选择器
- jQuery图片延迟加载插件:jquery.lazyload
- jquery 获取table当前行值
- jQuery文本段落展开和折叠效果
- input checkbox复选框点击获取当前选中状态jquery
- JQuery 获取checkbox被选中的值
- jQuery取得select选择的文本与值
- js jquery, jquery-ui 获取form各种表单input的值?
- python web py入门(67)- jQuery - 按钮的事件里获取按钮的名称
- jQuery(一)jQuery概述、使用方式、原理、查找元素
- jquery案例11——模拟小说阅读器
- jquery案例6—— jq聚焦失焦、普通元素获取文本、表单获取元素