当<input>输入文字是'123'时,文字变色
时间: 2024-05-03 12:21:28 浏览: 45
常用input文本框内容自动垂直居中并默认提示文字单击为空
5星 · 资源好评率100%
可以使用以下代码实现:
HTML代码:
```
<input type="text" id="inputText" oninput="changeColor()" />
```
JavaScript代码:
```
function changeColor() {
var input = document.getElementById("inputText");
if (input.value === "123") {
input.style.color = "red";
} else {
input.style.color = "black";
}
}
```
当用户在输入框中输入文字时,会触发`changeColor()`函数。该函数首先获取输入框的值,如果值为"123",则将输入框的文字颜色设置为红色,否则设置为黑色。
阅读全文