可以通过以下代码使用 JavaScript 根据输入值调整输入字段的文本颜色:
HTML:
<input type="text" id="myInput" oninput="changeTextColor()" placeholder="Enter a value">
CSS:
#myInput {
color: black;
}
JavaScript:
function changeTextColor() {
var input = document.getElementById("myInput");
// 获取输入值
var value = input.value;
// 根据输入值调整文本颜色
if (value === "red") {
input.style.color = "red";
} else if (value === "green") {
input.style.color = "green";
} else if (value === "blue") {
input.style.color = "blue";
} else {
input.style.color = "black"; // 默认颜色
}
}
这段代码将根据用户在输入框中输入的值来调整输入框的文本颜色。如果用户输入 "red",文本颜色将变为红色;如果用户输入 "green",文本颜色将变为绿色;如果用户输入 "blue",文本颜色将变为蓝色;否则,文本颜色将保持为默认的黑色。
标签:颜色,color,JavaScript,value,HTML,input,文本,输入 From: https://blog.51cto.com/M82A1/9056899