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

空井苍上s

空井苍上s

2016-01-29 11:47

用CSS设计高体验的表单显示效果示例,用CSS设计高体验的表单显示效果示例
以下是引用片段:
<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 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 
<tr 
<td<font class="en1"网址:</font </td 
<td<input size=40 name=url 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=subject class="input1" onblur="this.className=’input1’" onfocus="this.className=’input1-bor’" 
</td 
</tr 
<tr 
<td<font class="en1"内容: </font </td 
<td<textarea name=message rows=5 cols=35 class="input1" onblur="this.className=’input1’" onfocus="this.className=’input1-bor’"</textarea</td</tr</table
展开更多 50%)
分享

猜你喜欢

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

Html CSS布局 Div+CSS XHTML
用CSS设计高体验的表单显示效果示例

纯CSS表单显示效果

Web开发
纯CSS表单显示效果

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

用css制作表单并体验亲和力

Web开发
用css制作表单并体验亲和力

css制作表单效果

Web开发
css制作表单效果

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS网页设计实例:15个用CSS设计的网页表单实例

Web开发
CSS网页设计实例:15个用CSS设计的网页表单实例

FineReport怎么进行表单设计 FineReport的表单设计简单示例

软件教程
FineReport怎么进行表单设计  FineReport的表单设计简单示例

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

初学Javascript之cookie篇(2)

初学Javascript之cookie篇(2)

《真三国无双7 猛将传》DLC关卡武将出现条件一览

《真三国无双7 猛将传》DLC关卡武将出现条件一览
下拉加载更多内容 ↓