<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
body {text-align:center;}
form {margin-left:50px}
form label {display:block;margin-bottom:5px;}
.hover {background:#cfc}
.focus {border-color:#c00;background-color:#fff;}
label.submit {text-align:right;}
legend {font-weight:700}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
if ($.browser.msie){
$("input[@type=text],textarea").hover(function(){
$(this).addClass("hover");
},function(){
$(this).removeClass("hover");
});
$("input[@type!=radio],@type!=checkbox],textarea").focus(function(){
$(this).addClass("focus");
});
$("input[@type!=radio],@type!=checkbox],textarea").blur(function(){
$(this).removeClass("focus");
});
}
});
</script>
</head><body><fieldset id="ologin"><legend>登录界面</legend>
<form>
<label for="uname">姓名：<input name="uname" id="uname" type="text"></label>
<label for="upws">密码：<input name="upws" id="upws" type="text"></label>
<label class="submit"><input value="登录" type="submit"> <input value="取消" type="reset"></label>
</form>
</fieldset>
</body></html>
分享到：
相关推荐
### jQuery表单验证插件详解 #### 一、概述 jQuery表单验证插件是一种用于简化Web表单处理过程的强大工具。它不仅能够帮助开发者轻松地实现表单数据的Ajax提交，还支持文件上传等功能，极大地提升了用户体验并降低...
《jQuery表单验证详解》 在Web开发中，表单验证是不可或缺的一部分，它能确保用户输入的数据符合预设的规则，从而保护服务器免受不合法数据的影响，提高用户体验。jQuery，作为一款广泛使用的JavaScript库，提供了...
"jquery表单验证特效"这个主题涉及到使用jQuery进行表单验证，这是一种提高用户体验的有效方式，通过实时验证用户输入的数据，确保其正确性和完整性，避免提交无效或错误的信息。 表单验证通常是网页应用程序不可或...
1. **基本概念**：jQuery表单验证的核心是通过监听用户的交互行为，如表单提交或输入字段失去焦点时，检查输入数据是否符合预设规则。这些规则可能包括必填项、邮箱格式、手机号码格式等。 2. **jQuery验证插件**：...
在本项目中，"Jquery 表单验证+本地图片上传-切割-预览"是一个综合性的前端开发实例，它涵盖了几个重要的JavaScript库和技术，包括jQuery、表单验证、图片上传、图片切割以及预览功能。以下是这些知识点的详细解释：...
**jQuery表单验证插件详解** 在Web开发中，表单验证是不可或缺的一部分，它确保用户输入的数据符合预设的规则，从而提高用户体验并减少服务器端的负担。jQuery，一个轻量级、高性能的JavaScript库，提供了丰富的API...
"8种jQuery表单特效.zip"这个压缩包文件显然是一个包含了一系列教程或示例，旨在展示如何利用jQuery来增强表单的用户体验。以下是对这些特效的详细说明： 1. **自动填充(AutoFill)**：这种特效可以在用户输入表单...
在本项目"jQuery表单动画切换效果.zip"中，我们主要关注的是如何使用JavaScript的jQuery库来实现动态、吸引人的表单切换效果。这个压缩包包含了一些关键文件，包括HTML页面（index.html、register.html、forgot_...
"简单实用的jQuery表单输入框浮动标签动画特效插件"就是这样一个致力于提升表单交互体验的工具。这个插件利用JavaScript库jQuery的力量，为表单输入框提供了创新的浮动标签效果，使得用户在填写信息时能更加清晰、...
Java Web Jquery表单验证 jQuery是一个流行的JavaScript库，可用于在网页上进行各种操作，包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分：FrontPage.html、write.html、end.html、style.css。 1...
本示例"jQuery表单消息提示功能"着重于提升用户交互体验，通过利用jQuery的事件处理和DOM操作来实现表单验证和提示信息的动态显示。下面将详细探讨相关知识点。 首先，jQuery中的表单处理主要涉及两个方面：事件...
总之，这个jQuery表单验证实例展示了如何利用jQuery的灵活性和便利性，结合HTML和CSS，创建出既功能完备又具有良好交互体验的表单验证系统。通过理解和应用这些基本原理，开发者可以构建出更复杂、适应性强的表单...
**jQuery表单验证插件EasyValidator 2.0：打造高效且友好的用户输入体验** 在Web开发中，表单验证是不可或缺的一部分，它确保了用户提交的数据符合预期的格式和标准，从而防止无效数据的输入。jQuery作为一款广泛...
本人制作的jquery表单验证插件JfomValidate 功能：可以完成绝大数页面的脚本验证效果，压缩包里有示例和调用说明。 压缩包包含文件： index.html -- 说明及示例 JfomValidate.min.js -- 插件 jquery-1.3.2.min.js -...
总的来说，jQuery表单元素美化插件jqtransform是一个强大的工具，能够帮助开发者轻松实现表单界面的美化，提高网站或应用程序的用户体验。通过其简洁的API和高度可定制性，开发者可以快速地打造出符合现代设计标准的...
jQuery表单验证是一种在网页开发中常用的技术，用于在用户提交数据前检查输入的有效性，确保数据的质量和安全性。在Web应用中，表单验证是不可或缺的部分，它可以帮助减少服务器端的压力，提供更好的用户体验，及时...
1. **可视化编辑**：jQuery表单设计器通常配备了一个拖放界面，允许用户通过直观的方式添加、移动和配置表单元素，如输入框、选择框、复选框、按钮等。 2. **自定义样式**：用户可以自定义表单控件的样式，包括颜色...
jquery的基础知识运用， jquery表单验证实例，深入了解