Javascript-在用户输入内容时更改表单文本框的边框颜色？

我没有这方面的代码

---

我只是在尝试新的东西。必填字段具有红色边框。我希望他们填写时变黑。会使用

onchange

吗？

这完全可以使用CSS来完成。（最有可能的是红色）。这里有一些代码，我喜欢用它来给元素一个“轻松”的光晕

input[type=text] {
    height: 30px; 
}

input[type=text], textarea {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}

---

取决于您希望更改边框的时间。如果希望在用户开始填写时立即更改，可以使用

onkeydown

或

onkeypress

。