js输入框的练习

这个就是一个输入框的小练习（也是第一次写这个东西）<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="div1">
    <input class="key" type="text" onfocus="func1()" onblur="func2()" value="请输入内容">
</div>
<script>
function func1() {
    var divs=document.getElementsByClassName("div1")[0];
    var ini=divs.getElementsByClassName("key")[0];
    if (ini.value=="请输入内容"){
        ini.value="";
    }
}
function func2() {
    var divs=document.getElementsByClassName("div1")[0];
    var ini=divs.getElementsByClassName("key")[0];
    if (ini.value.trim().length==0){
        ini.value="请输入内容";
    }
}

</script>
</body>
</html>

来源：https://www.cnblogs.com/ares-python/p/11877642.html

标签

var

ini

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!