网页输入框的样式触发效果
导读：收集整理的这篇文章主要介绍了网页输入框的样式触发效果，觉得挺不错的，现在分享给大家，也给大家做个参考。 这个例子主要学习两个参数onblur和onFocus.因为这两个参数以前很少遇到,baidu 一下明白了，onblur 是...
收集整理的这篇文章主要介绍了网页输入框的样式触发效果，觉得挺不错的，现在分享给大家，也给大家做个参考。 这个例子主要学习两个参数onblur和onFocus.因为这两个参数以前很少遇到,baidu 一下明白了，onblur 是控件在失去焦点的时候触发的事件,而onFocus就是成为输入焦点的时候触发的事件,这两个参数都可以和classname结合直接调用样式表类名
!DOCTYPE HTML PubLIC "-//W3C//DTD HTML 4.01 TransITional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
html>
head>
meta http-equiv="Content-type" content="text/html; charset=gb2312">
title> /title>
/head>
body>
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>
/body>
/html>
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 网页输入框的样式触发效果
本文地址： https://pptw.com/jishu/587382.html