JS的一些简单应用 —— 操作input框变色_js 获取input值,判断后变色

作者：代码探险家 | 2024-07-07 22:22:06

踩

js 获取input值,判断后变色

如何实现点击input框时达到变色效果呢？
这里写图片描述

代码如下：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    <script >
        function t1() {
            document.getElementsByName('username')[0].style.border = '1px solid red';
        }

        function t2() {
            document.getElementsByName('username')[0].style.border = '';
        }

    </script>
    </head>
    <body>
        <h1>
            onfocus onblur事件
        </h1>

        <p>
            用户名<input type="text" name="username" onfocus="t1();" onblur="t2();" />
        </p>
        <p>
            Email:<input type="text" name="email" />
        </p>
    </body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/代码探险家/article/detail/796923