非常不错的表单显示效果

站内搜索
热门关键字：表格超链接漂浮跟随旋转闪烁日期艺术字滚动点击关联菜单弹出随机
网页特效分类
网页特效分类 >> CSS相关
非常不错的表单显示效果
[ 发布者：肥鱼 | 来源：本站整理 | 时间：2005-11-14 | 浏览：人次 ]
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|JcwCn.Com/Js|---非常不错的表单显示效果</title>
<style type="text/css">
body{
font-family: verdana,font-size: 12px;color: #FFFFFF;background-color:#ffffff}
.en1 {
font-size: 10px;font-family: Verdana
}
.input1{
font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px;
}
.input1-bor {
font-family:verdana;background-color:#F0F8FF;font-size: 12px;
border: 1px solid #333333;}
</style>
<link href="../text.css" tppabs="http://sc.jcwcn.com/tx/text.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.en1 {font-size: 10px;font-family: Verdana
}
.input1 {font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px;
}
-->
</style>

</head>
<body>

<table cellspacing=2 cellpadding=0 width=300 border=0>
<tr>
<td><font class="en1">姓名:</font> </td>
<td><input size=40 name=name class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'">
</td>
</tr>
<tr>
<td><font class="en1">邮箱:</font></td>
<td><input size=40 name=email class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'"></td>
</tr>

<!--END: 详细内容 -->
<!--START: 评论 -->
<DIV id=pinglun_content>
<table class="pinglun_tableborder" cellspacing="1" cellpadding="3" width="100%" align="center" border="0">
<tr class="pinglun_header">

<td height="20" class="pinglun_tilte1">相 关 评 论 / 报 错 (1)</td>
</tr>

<tr>
<td bgcolor="#ffffff" valign="top">
<div align="center">
<table class="pinglun_tableborder" cellspacing="1" cellpadding="3" width="100%" border="0">
<tr class="pinglun_header2">
<td align="left" style="background-color: #CDE6FA">评论人：454     时间：2006-5-10</td>
</tr>
<tr>
<td bgcolor="#ffffff" style="word-wrap:break-word; word-break:break-all;line-height: 150%;" align="left">789789</td>
</tr>
</table></div>
</td>
</tr>

<tr>
<td bgcolor="#ffffff" valign="top">
<div align="center">
<table class="pinglun_tableborder" cellspacing="1" cellpadding="3" width="100%" border="0" style="background-color: #EBF2FD">
<tr class="pinglun_header">
<td height="20" colspan="3" class="pinglun_tilte1">发 表 评 论</td>
</tr>
<SCRIPT>
	function saveTXT() {
		document.commform.commwords.value = document.commform.commwords.value;
		if(document.commform.commname.value.length == 0) {
			alert("请留下您的姓名!");
			document.commform.commname.focus();
			return false;
		}
        if (document.commform.commname.value.replace(/ /g,"")=="") 
        { 
           alert("用户名不能为空格!");
           document.commform.commname.select(); 
           return false; 
        }

		if(document.commform.commwords.value.length == 0) {
			alert("评论内容不能为空!");
			document.commform.commwords.focus();
			return false;
		} else if (document.commform.commwords.value.replace(/ /g,"")=="") { 
           alert("评论内容不能为空格!");
           document.commform.commwords.select(); 
           return false; 
        } else if(document.commform.commwords.value.length > 200) {
			alert("留言不能超过200字!");
			return false;
		} else if(document.commform.getcode.value.length == 0) {
			alert("请输入验证码!");
			document.commform.getcode.focus();
			return false;
		}
		
		return true;
	}

	function textCounter(field, maxlimit) { 
		if (field.value.length > maxlimit) 
			field.value = field.value.substring(0, maxlimit); 
		else 
			document.commform.remLen.value = maxlimit - field.value.length;
	}
</SCRIPT>
<tr><FORM name=commform onsubmit="return saveTXT()" action="http://sc.jcwcn.com/tx/JsHtml/Js.asp?ID=483" method=post>
<td bgcolor="#ffffff" height="22" width="14%" align="center">姓    名：</td>
<td bgcolor="#ffffff" height="22" width="41%" align="left"> 
<input size="12" name="commname" value="">   评论剩余字数<FONT color=#46a718>
<INPUT style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; COLOR: red; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #eaffe0" readOnly maxLength=3 size=2 value=200 name=remLen></FONT></td>
<td bgcolor="#ffffff" height="66" width="41%" rowspan="3" align="left"><p style="line-height: 120%"><font face="宋体">
								·请遵守《互联网电子公告服务管理规定》及中华人民共和国其他各项有关法律法规。<br>
								·严禁发表危害国家安全、损害国家利益、破坏民族团结、破坏国家宗教政策、破坏社会稳定、侮辱、诽谤、教唆、淫秽等内容的评论。<br>
								·用户需对自己在使用本站服务过程中的行为承担法律责任（直接或间接导致的）。<br>
								·本站管理员有权保留或删除评论内容<br>
								·评论内容只代表网友个人观点，与本网站立场无关。</font></td>
</tr>
<tr>
<td bgcolor="#ffffff" height="22" width="14%" align="center">评论内容：</td>
<td bgcolor="#ffffff" height="22" width="41%" align="left"><TEXTAREA name=commwords onpropertychange="textCounter(commform.commwords, 200)" rows=6 wrap="VIRTUAL" style="width:96%">
验证码：