<!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>
分享到：
相关推荐
非常不错的表单显示效果
CSS表单显示效果示例
js css3点击登录注册按钮，滑动显示登录表单和注册表单效果。
jQuery实现以红色显示且左右摇晃提醒用户的动态表单验证效果.zip
原生态js根据不同的条件要求点击后显示不同的表单内容效果源码.zip
jQuery实现以色彩显示判断密码强度的可视化表单密码框效果.zip
JavaScript 有Focus高亮效果的表单
NULL 博文链接：https://cwl123456.iteye.com/blog/1997909
js表单控件 视觉效果一流，可以用在各个网页中运用
鼠标放在表单任意输入框上时，该输入框高亮并且变大显示，边框高亮，若某项表单中输入的数据与初设定义的不符或未填写，则会立即显示出Ajax浮动提示效果，在HTML5环境下，结合jquery实现Ajax表单验证，似乎是非常...
BreadcrumbsView A customizable Android view which shows the current step of a given series. Its main purpose is to provide a contextual reference for paginated forms. SetUp Add to top level gradle....
注册登录表单 是一款基于jQuery实现的超酷动态弹出登录和注册表单效果，默认情况下表单处于掩藏状态，点击登录和注册按钮表单动态显示。
本文实例讲述了JS实现表单中checkbox对勾选中增加边框显示效果。分享给大家供大家参考。具体如下： 这里用JavaScript实现checkbox复选框选中效果，表单中的复选框效果，打对勾选中效果模拟，JS与HTML5相结合实现的...
js css3点击登录注册按钮，滑动显示登录表单和注册表单效果。
//设置div标签的class属性为对提示，让它正确的时候显示绿色 }else{//输入的用户名不为空但是有不合法字符时 document.getElementById("username1").innerHTML="× 只能包含数字，字母，下划线"; document...
NULL 博文链接：https://famang.iteye.com/blog/296541
jQ向上滑动提示表单是一款基于jquery实现的提示信息向上滑动显示的表单效果，表单内的文本框默认显示提示信息，文本框获得焦点时，提示信息向上滑动显示，方便用户数据，效果非常不错。