zoukankan      html  css  js  c++  java
  • 输入框预设文字

     1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
     2 <HTML>
     3  <HEAD>
     4   <TITLE> New Document </TITLE>
     5   <META NAME="Generator" CONTENT="EditPlus">
     6   <META NAME="Author" CONTENT="">
     7   <META NAME="Keywords" CONTENT="">
     8   <META NAME="Description" CONTENT="">
     9           <style>
    10             .font1{
    11                 color:#aaaaaa;
    12             }
    13             .font2
    14             {
    15                 color:black;
    16             }
    17         </style>
    18  </HEAD>
    19 
    20  <BODY>
    21 <p>1、鼠标经过时消失</p>
    22 <script>
    23 function OnEnter( field ) { if( field.value == field.defaultValue ) { field.value = ""; } }
    24 function OnExit( field ) { if( field.value == "" ) { field.value = field.defaultValue; } }
    25 </script>
    26 <input type="text" value="请输入您的姓名" onclick="this.value=''" onblur="this.value='请输入您的姓名'" />
    27 <script>
    28 function OnEnter( field ) { if( field.value == field.defaultValue ) { field.value = ""; } }
    29 function OnExit( field ) { if( field.value == "" ) { field.value = field.defaultValue; } }
    30 </script>
    31  <input  type="password" id="password" name="password"  value="输入密码...." onmouseover="this.focus(); OnEnter(this)" onmouseout="this.blur(); OnExit(this)" />
    32  
    33  <p>2、点击时消失</p>
    34 <input  type="text" id="username" name="username"  value="输入账号" onmouseover="this.focus(); OnEnter(this)" onmouseout="this.blur(); OnExit(this)" />
    35 
    36  <p>2、点击时消失并改变字体颜色</p>
    37  <input type="text" value="请输入搜索结果" class="font1" onblur="if(this.value==''){this.value='请输入搜索结果';this.className='font1'}" onfocus="if(this.value==this.defaultValue){this.value='';this.className='font2'}">
    38  </BODY>
    39 </HTML>
  • 相关阅读:
    我的WCF之旅(1):创建一个简单的WCF程序
    网页设计中颜色的搭配
    CSS HACK:全面兼容IE6/IE7/IE8/FF的CSS HACK
    UVa 1326 Jurassic Remains
    UVa 10340 All in All
    UVa 673 Parentheses Balance
    UVa 442 Matrix Chain Multiplication
    UVa 10970 Big Chocolate
    UVa 679 Dropping Balls
    UVa 133 The Dole Queue
  • 原文地址:https://www.cnblogs.com/zhicheng/p/3327855.html
Copyright © 2011-2022 走看看