使用 JavaScript 填充框后如何更改输入框边框？

在本文中，我们将在输入文本字段上填充文本后更改输入边框。当元素的值发生变化并从列表中选择新值时， onchange 事件属性起作用。

方法：每当用户将输入值更改为某个值时，就会触发 onchange事件属性。事件触发后，检查该值是否为空。如果用户值存在，则使用内联样式将输入控件的底部边框更改为红色虚线。

句法：

示例：在此示例中，我们将在用户在字段中键入一些文本时更改边框底部样式。

  

    GeeksForGeeks
  
    
        How to Change Input 
        borders after filling?
    
  
    
         NAME
        
        
    
  
    
        var gfg = document.getElementById("fname");
        gfg.onchange = function (e) {
            if (gfg.value != '') {
                e.target.style.borderBottom 
                        = "4px dotted red";
            }
        };
    

  

输出：

• 在填写文本之前：
• 填写文本后：
  

支持的浏览器：

• 谷歌浏览器
• IE浏览器
• 歌剧
• 苹果浏览器