用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屬性