zoukankan      html  css  js  c++  java
  • JavaScript 当输入框获得焦点:如果输入框值为空,提示输入你的姓名,当输入框失去焦点,如果输入框值为空,提示用户名不能为空,边框颜色变为红色,如果输入框值不为0,那么不提示边框默认颜色

    利用JavaScript的事件来实现,代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    <style>
    </style>
    </head>
    <body>
    <input type="text" onfocus="fun()" id="input" onblur="fun1()">
    </body>
    <script>
        function fun() {
            var input = document.getElementById('input');
            input.placeholder = "请输入你的姓名";
        }
        function fun1() {
            var input = document.getElementById('input');
            if (!onkeydown){
                input.placeholder = "用户名不能为空";
                input.style.border = "1px solid red";
            }
            if (input.value != ''){
                input.style.border = "1px solid #a9a9a9";
            }
        }
    </script>
    </html>   
    

    z

    当输入框获得焦点就执行fun()函数,fun()函数用了使用Id查找的方法,设置行内的placeholder为”请输入你的姓名“

    #####当输入框失去焦点就执行fun1()函数,fun1()函数如果用户没有按下键盘就输出”用户名不能为空“,如果``标签内的值不为空,就设置边框线为默认颜色
  • 相关阅读:
    loj 1251(2-sat + 输出一组可行解)
    hdu 4751(dfs染色)
    hdu 2545(并查集求节点到根节点的距离)
    uva 10972(边双连通分量)
    uva 10246(最短路变形)
    uva 11380(最大流+拆点)
    hdu 4640(状压dp)
    hdu 1430+hdu 3567(预处理)
    python基础知识回顾[1]
    基于websocket搭建简易群聊
  • 原文地址:https://www.cnblogs.com/Lay0us/p/12063956.html
Copyright © 2011-2022 走看看