JS的一些简单应用 —— 操作input框变色

烟敛寒林o

于 2018-05-19 16:08:03 发布

阅读量1.5k

点赞数

分类专栏： ★ JavaScript

本文链接：https://blog.csdn.net/dyw_666666/article/details/80375236

版权

JS笔记及简单应用同时被 2 个专栏收录

26 篇文章 1 订阅

订阅专栏

★ JavaScript

20 篇文章 1 订阅

订阅专栏

如何实现点击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>