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>

  • 相关阅读:
    fmt命令
    wc命令
    grep命令
    head命令
    C/C++语法知识:typedef struct 用法详解
    邻接表无向图的介绍
    邻接矩阵无向图的介绍
    图的基本概念
    careercup-栈与队列 3.6
    careercup-栈与队列 3.5
  • 原文地址:https://www.cnblogs.com/jiangwenli/p/4930608.html
Copyright © 2011-2022 走看看