用CSS设计高体验的表单显示效果示例
发布时间:2019-11-05 编辑:jiaochengji.com
教程集为您提供用CSS设计高体验的表单显示效果示例等资源,欢迎您收藏本站,我们将为您提供最新的用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>
您可能感兴趣的文章:
jquery实现带单选按钮的表格行选中时高亮显示
为什么要Web标准化,有何价值?
使用html表格和CSS进行混合网页设计
运筹帷幄 用CSS控制网站总“队形”
css 网页布局中CSS无效原因分析
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
详细学习网页制作技术CSS的属性单位
网页验证码无法显示解决方法大全
利用HTML5的details, summary实现各种交互效果
上一篇:网页制作——CSS的常用技巧放送
下一篇:用CSS制作鼠标经过图像
[关闭]