设置文本框失去焦点与获得焦点的样式

最新推荐文章于 2024-10-10 17:25:43 发布

原创最新推荐文章于 2024-10-10 17:25:43 发布 · 945 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#python #swift #c/c++

本文介绍了一种简单的技术，用于在文本框中实现密码输入时的焦点切换效果，即当用户点击文本框时，隐藏提示信息，从而提供更流畅的用户体验。

部署运行你感兴趣的模型镜像

有时需要给文框设置文本框失去焦点与获得焦点的样式，正如密码框一样，没有获得焦点时，内部显示“请输入密码”，当点击密码框时，字样消失，其实并不难，请看代码

<!doctype html>
<html>
<head>
    <meta charset="utf-8">

</head>
<body>
<div class="box_dis">
    <input class="search" type="text"  value=“请输入密码” id="tipinput">

</div>
<script type="text/javascript">
    function addListener(element, e, fn) {
        if (element.addEventListener) {
            element.addEventListener(e, fn, false);
        }
        else {
            element.attachEvent("on" + e, fn);
        }
    }
    var tipinput = document.getElementById("tipinput");
    addListener(tipinput, "click", function () {                  //当点击文本框时令其为空
        tipinput.value = "";
    })
    addListener(tipinput, "blur", function () {                    //当失去焦点时，显示“请输入密码”

        tipinput.value = "请输入密码";
    })

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

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

图片生成

Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率