今天看啥  ›  专栏  ›  寒暄_HX

2.6.6JavaScript --练习 搜索框

寒暄_HX  · 简书  ·  · 2020-02-28 09:01

目录: https://www.jianshu.com/p/e406a9bc93a9

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜索框</title>
</head>
<body>
<input id="ID1" type="text" value="请输入用户名" onblur="Blurs()" onfocus="Focus()">


<script>

function Focus(){

    var input=document.getElementById("ID1");
    if (input.value=="请输入用户名"){
        input.value="";
    }

};
/*解读:
    focus函数完成当用户点击文本框后,文本框内容清空。
    blurs函数完成当用户输入内容后,文本框内容不清空。
*/
function Blurs(){

    var ele=document.getElementById("ID1");
    var val=ele.value;
    if(!val.trim()){

        ele.value="请输入用户名";
    }
}

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



原文地址:访问原文地址
快照地址: 访问文章快照