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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM