zoukankan      html  css  js  c++  java
  • 在input元素中,默认为Email,当focus并键入字符时,'Email'字符消失,当删除字符至空时,‘Email‘字符又再次显示。此处实现html5中placeholder的功能。

    效果演示:

    代码:

    <!DOCTYPE html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>onfocus和onblur的使用</title>
    </head>

    <body>
    <input id="box" type="text" value="请输入Email"/>
    <script type="text/javascript">
    var input1=document.getElementById("box");

    input1.onfocus=function(){
        
            if(input1.value=="请输入Email"){
                input1.value="";
                
                }
        
            
            
        
        
        }
    input1.onblur=function(){
        
            if(input1.value==""){
                input1.value="请输入Email";
                
                }
        
            
            }
        
        
        
    </script>
    </body>
    </html>

  • 相关阅读:
    Web存储
    JavaScript模块化
    jQuery挖源码——事件绑定
    观察者模式——JavaScript
    Node.js之网络小爬虫
    ECMAScript的严格模式
    JavaScript和jQuery的事件
    认识Ajax
    Redis之intset数据结构
    Redis之Hash数据结构
  • 原文地址:https://www.cnblogs.com/jiangwenli/p/4930608.html
Copyright © 2011-2022 走看看