用CSS设计高体验的表单显示效果示例

2020-03-24 17:30:06

字体：大中小

来源：转载

供稿：网友

style type="text/css"
.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 table cellspacing=2 cellpadding=0 width=300 border=0
tr
td font 姓名: /font /td
td input size=40 name=name onblur="this.html' target='_blank'>className='input1'" onfocus="this.className='input1-bor'"
/td
/tr
tr
td font 邮箱: /font /td
td input size=40 name=email onblur="this.className='input1'" onfocus="this.className='input1-bor'" /td
/tr
tr
td font 网址: /font /td
td input size=40 name=url onblur="this.className='input1'" onfocus="this.className='input1-bor'"
/td
/tr
tr
td font 主题: /font /td
td input size=40 name=subject onblur="this.className='input1'" onfocus="this.className='input1-bor'"
/td
/tr
tr
td font 内容: /font /td
td textarea name=message rows=5 cols=35 onblur="this.className='input1'" onfocus="this.className='input1-bor'" /textarea /td /tr /table script language="Javascript"
var now = new Date();
document.write(" img src='http://counter.yesky.com/counter.shtml?CID=54197 AID=-1 refer="+escape(document.referrer)+" rand="+ now.getTime() + " cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'
/script
noscript
img src="http://counter.yesky.com/counter.shtml?CID=54197 AID=-1 refer=noscriptcounter cur=noscriptcounter" border='0' width='0' height='0'/
/noscript 以下是引用片段：
style type="text/css"
.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
table cellspacing=2 cellpadding=0 width=300 border=0
tr
td font 姓名: /font /td
td input size=40 name=name onblur="this.className='input1'" onfocus="this.className='input1-bor'"
/td
/tr
tr
td font 邮箱: /font /td
td input size=40 name=email onblur="this.className='input1'" onfocus="this.className='input1-bor'" /td
/tr
tr
td font 网址: /font /td
td input size=40 name=url onblur="this.className='input1'" onfocus="this.className='input1-bor'"
/td
/tr
tr
td font 主题: /font /td
td input size=40 name=subject onblur="this.className='input1'" onfocus="this.className='input1-bor'"
/td
/tr
tr
td font 内容: /font /td
td textarea name=message rows=5 cols=35 onblur="this.className='input1'" onfocus="this.className='input1-bor'" /textarea /td /tr /table 本文作者:html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

上一篇：怎么知道DIV设置什么CSS属性样式？

下一篇：web设计师必须熟练掌握的10个CSS3属性