电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> HTML>>一段不错的变色form代码:

一段不错的变色form代码

来源:远方网络 | 2005-8-17 17:12:17 | (有3285人读过)

<FORM id=writely name=writely action=guestbook.asp?n=ly&id= method=post >
<TBODY>
<TR>
<TD vAlign=top align=middle width=246 rowSpan=2><TABLE width="90%" border=0 cellPadding=3 cellSpacing=0 class="zt">
<TBODY>
<TR>
<TD noWrap colSpan=2><SPAN
style="FONT-WEIGHT: bold; COLOR: #3983D5">您的个人资料</SPAN></TD>
</TR>
<TR>
<TD noWrap width="23%">你的姓名:</TD>
<TD noWrap width="77%"><INPUT id=faceid7 type=hidden size=10
value=1 name=faceid>
<INPUT class=inputborder id=username7
style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3983D5', endColorStr='#ffffff', gradientType='1')"
maxLength=8 size=16 name=username></TD>
</TR>
<TR>
<TD noWrap>电子邮箱:</TD>
<TD noWrap><INPUT class=inputborder id=Text1
style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3983D5', endColorStr='#ffffff', gradientType='1')"
name=email></TD>
</TR>
<TR>
<TD noWrap>性   别:</TD>
<TD noWrap><INPUT name=Sex type=radio id=radio13 value=1 checked>
<LABEL for=radio13>男</LABEL>
  
<INPUT id=radio14
type=radio value=0 name=Sex>
<LABEL
for=radio14>女</LABEL></TD>
</TR>
<TR>
<TD noWrap>年   龄:</TD>
<TD noWrap><INPUT class=inputborder maxLength=4 size=4
name=Age>
岁</TD>
</TR>
<TR>
<TD noWrap>来自哪里:</TD>
<TD noWrap><INPUT
name=lz class=inputborder id="lz" maxLength=10></TD>
</TR>
<TR>
<TD noWrap><SPAN
style="FONT-WEIGHT: bold">QQ</SPAN>号 码:</TD>
<TD noWrap><INPUT class=inputborder id=qq8
onkeyup="this.value=this.value.replace(/\D/g,'')" maxLength=10
size=10 name=qq
onafterpaste="this.value=this.value.replace(/\D/g,'')"
?></TD>
</TR>
</TBODY>
</TABLE></TD>
<TD class=votetxt width=1 rowSpan=2></TD>
<TD width=520 align=middle vAlign=top class="zt"><TABLE width="100%" border=0 cellPadding=3 cellSpacing=0 class="zt">
<TBODY>
<TR>
<TD noWrap width="10%">主    题:</TD>
<TD width="90%"><INPUT class=inputborder id=topic
style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3983D5', endColorStr='#ffffff', gradientType='1')"
size=48 name=title></TD>
</TR>
<TR>
<TD vAlign=top>留言内容:</TD>
<TD align=left><TEXTAREA class=inputborder id=info onkeydown=gbcount(this.form.info,this.form.total,this.form.used,this.form.remain);
onkeyup=gbcount(this.form.info,this.form.total,this.form.used,this.form.remain); style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#3983D5', gradientType='0')" name=info rows=8 wrap=VIRTUAL cols=46></TEXTAREA>
</TD>
</TR>
<script language="JavaScript">
//这是限制文本输入数量的JSP函数,请查找 gbcount 在下面可以看到如何调用
function gbcount(message,total,used,remain)
{
var max;
max = total.value;
if (message.value.length > max) {
message.value = message.value.substring(0,max);
used.value = max;
remain.value = 0;
alert("留言不能超过 10000 个字!");
}
else {
used.value = message.value.length;
remain.value = max - used.value;
}
}
</script>
<TR>
<TD colspan="2" vAlign=top><p>最多字数:
<INPUT disabled maxLength=4 name=total size=7 value=10000>
已用字数:
<INPUT disabled maxLength=4 name=used size=7 value=0>
剩余字数:
<INPUT disabled maxLength=4 name=remain size=7 value=10000>
</TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD align=middle
height=22>          
<INPUT type=submit value=" 提交留言 " name=submit>
  
<INPUT type=reset value=" 全部重写 " name=B2></TD>
</TR>
</FORM>

参考网页:http://www.skybluecn.com/guestbook.asp
HTML热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

Copyright © 2003-2024 电脑爱好者 版权所有 备案号:鲁ICP备09059398号