<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0035)http://www.jscode.cn/JsCode/483.htm -->
<HTML><HEAD><TITLE>网页特效|Linkweb.cn/Js|---非常不错的表单显示效果</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>BODY {
COLOR: #ffffff; FONT-FAMILY: verdana,font-size: 12px; BACKGROUND-COLOR: #ffffff
}
.en1 {
FONT-SIZE: 10px; FONT-FAMILY: Verdana
}
.input1 {
BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: verdana; BACKGROUND-COLOR: #eeeeee
}
.input1-bor {
BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid; FONT-FAMILY: verdana; BACKGROUND-COLOR: #f0f8ff
}
</STYLE>
<LINK href="../text.css" type=text/css rel=stylesheet>
<STYLE type=text/css>.en1 {
FONT-SIZE: 10px; FONT-FAMILY: Verdana
}
.input1 {
BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: verdana; BACKGROUND-COLOR: #eeeeee
}
</STYLE>
<META content="MSHTML 6.00.2900.2873" name=GENERATOR></HEAD>
<BODY>
<TABLE cellSpacing=2 cellPadding=0 width=300 border=0>
<TBODY>
<TR>
<TD><FONT class=en1>姓名:</FONT> </TD>
<TD><INPUT class=input1 onblur="this.className='input1'"
onfocus="this.className='input1-bor'" size=40 name=name> </TD></TR>
<TR>
<TD><FONT class=en1>邮箱:</FONT></TD>
<TD><INPUT class=input1 onblur="this.className='input1'"
onfocus="this.className='input1-bor'" size=40 name=email></TD></TR>
<TR>
<TD><FONT class=en1>网址:</FONT> </TD>
<TD><INPUT class=input1 onblur="this.className='input1'"
onfocus="this.className='input1-bor'" size=40 name=url> </TD></TR>
<TR>
<TD><FONT class=en1>主题:</FONT> </TD>
<TD><INPUT class=input1 onblur="this.className='input1'"
onfocus="this.className='input1-bor'" size=40 name=subject> </TD></TR>
<TR>
<TD><FONT class=en1>内容: </FONT></TD>
<TD><TEXTAREA class=input1 onblur="this.className='input1'" onfocus="this.className='input1-bor'" name=message rows=5 cols=35></TEXTAREA>
</TD></TR></TBODY></TABLE></BODY></HTML>
分享到：
相关推荐
"非常不错的表单显示效果.rar"这个压缩包显然包含了关于如何创建吸引人且用户友好的表单展示的一些示例或代码资源。从标签"JS特效-表单按钮"我们可以推测，这个项目可能着重于使用JavaScript来增强表单中的按钮效果...
因此，理解并掌握CSS表单显示效果至关重要。 首先，让我们从基本的表单元素开始。HTML提供了多种表单元素，如`<input>`（用于输入文本、密码、电子邮件等）、`<textarea>`（用于多行文本输入）、`<select>`（用于...
在表单验证中，CSS可以用来设计美观的提示效果，如改变输入框边框颜色、显示浮动提示文本或者使用图标来表示验证状态。例如，当输入无效时，我们可以设置输入框的边框为红色，并显示一个错误图标；当输入有效时，...
"漂亮的表单验证效果"这个主题强调了不仅需要验证数据的正确性，还要注重验证过程的视觉反馈，提升用户的交互体验。下面我们将深入探讨表单验证的相关知识点。 1. **表单验证的必要性**： 表单验证能够预防错误的...
在本项目"jQuery表单动画切换效果.zip"中，我们主要关注的是如何使用JavaScript的jQuery库来实现动态、吸引人的表单切换效果。这个压缩包包含了一些关键文件，包括HTML页面（index.html、register.html、forgot_...
例如，我们可以使用`:valid`和`:invalid`伪类来验证表单数据，当用户输入不符合规则时显示错误提示，这在某些情况下可以替代JavaScript的表单验证。同时，CSS的`contenteditable`属性能让任何元素变为可编辑区域，...
"jQuery滑动表单验证效果"是一个示例项目，旨在展示如何利用jQuery实现动态、互动的验证反馈，为用户带来更流畅的表单填写体验。 在这个项目中，"FancySlidingForm"可能是主要的HTML文件，包含了表单的结构和样式。...
总结来说，"js css3登录注册表单滑动显示效果.zip"中的实现是通过结合JavaScript和CSS3的力量，创建了一个优雅的用户界面效果。当用户点击登录或注册按钮时，相应的表单会以平滑的滑动动画展示，增强了用户与网页的...
接下来是CSS3，它带来了丰富的样式和动画效果，使表单验证的反馈更加直观和吸引人。在`styles.css`文件中，可能会定义不同状态（如：正常、聚焦、错误或成功）下的输入框和提示信息的样式。例如，可以设置错误状态下...
在网页中，当用户填写完一个表单字段或者点击某个按钮时，这个脚本会触发动画，平滑地过渡到下一个表单或显示相关的表单部分。 jQuery的核心在于其选择器、事件处理和动画功能。在表单切换效果中，jQuery的选择器...
而“很不错的jquery表单美化插件”正是基于jQuery的一款工具，旨在提升网页中表单元素的视觉效果和用户体验。这款插件能够帮助开发者轻松实现表单的美观化，同时保持良好的兼容性，覆盖了各种主流浏览器。 表单美化...
**jQuery弹出式表单效果详解** 在网页设计中，用户体验是至关重要的，而交互性的增强则能大大提升用户体验。jQuery作为一个轻量级的JavaScript库，因其简洁的API和丰富的插件库，常被用于实现各种动态效果，包括弹...
在IT领域，网页开发是不可或缺的一部分，而表单数据验证、表格隔行变色效果、复选框操作、好友列表以及省市菜单联动效果都是网页交互中的常见功能。这些功能不仅提升了用户体验，也是开发者必备的技能。下面将详细...
在网页设计中，页面折叠显示效果是一种常见的交互设计手法，它能够有效地管理页面内容，使得大量信息在有限的屏幕空间内得以优雅地呈现。这种效果通常应用于新闻文章、长篇内容或者多步骤的表单中，通过折叠和展开的...
当用户尝试提交未填写的必填字段时，浏览器会阻止表单的提交并显示错误提示。这种特性增强了用户体验，因为它确保了数据的完整性和准确性。 CSS3则提供了强大的样式控制能力，可以用来创建各种各样的美化效果。对于...
3. **反馈提示**：如果输入不符合要求，使用JavaScript动态修改表单元素的样式（如边框颜色、背景色）或者显示错误消息，向用户提供清晰的反馈。 "漂亮js表单验证提示效果"可能提供了以下特性： 1. **视觉效果**：...
这篇博客文章“Struts2 表单验证验证信息显示位置及效果”探讨了如何有效地实现和展示Struts2中的表单验证信息。 首先，Struts2提供了一种灵活的验证机制，包括Action级别的校验和ValidatorForm级别的校验。Action...
这个名为"原生态js根据不同的条件要求点击后显示不同的表单内容效果源码.zip"的资源提供了一个使用纯JavaScript实现这一功能的实例。纯JavaScript，即不依赖任何外部库如jQuery，是一种轻量级且灵活的方式来操控网页...
本示例"jQuery实现以红色显示且左右摇晃提醒用户的动态表单验证效果.zip"提供了一种利用jQuery库创建交互性更强、用户体验更佳的表单验证方法。下面我们将详细探讨这一技术实现的关键知识点。 首先，jQuery是一个轻...