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()函数如果用户没有按下键盘就输出”用户名不能为空“,如果``标签内的值不为空,就设置边框线为默认颜色
  • 相关阅读:
    28完全背包+扩展欧几里得(包子凑数)
    HDU 3527 SPY
    POJ 3615 Cow Hurdles
    POJ 3620 Avoid The Lakes
    POJ 3036 Honeycomb Walk
    HDU 2352 Verdis Quo
    HDU 2368 Alfredo's Pizza Restaurant
    HDU 2700 Parity
    HDU 3763 CDs
    POJ 3279 Fliptile
  • 原文地址:https://www.cnblogs.com/Lay0us/p/12063956.html
Copyright © 2011-2022 走看看