您的位置：首页 > Web前端 > HTML5

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

2015-11-02 16:42 1011 查看

效果演示：

// var input1=document.getElementById("box");

input1.onfocus=function(){

if(input1.value=="请输入Email"){
input1.value="";

}

}
input1.onblur=function(){

if(input1.value==""){
input1.value="请输入Email";

}

}
// ]]>
代码：

<!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>

// var input1=document.getElementById("box");

input1.onfocus=function(){

if(input1.value=="请输入Email"){
input1.value="";

}

}
input1.onblur=function(){

if(input1.value==""){
input1.value="请输入Email";

}

}
// ]]>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航