当input进行disable后修改input的背景 ---->适用IE浏览器

最新推荐文章于 2023-10-15 21:06:57 发布

原创最新推荐文章于 2023-10-15 21:06:57 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #浏览器 #ie

java html学习专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用 JavaScript 来动态控制 HTML 输入框状态的方法。通过选择器的选择，可以实现不同选项下对三个文本输入框的启用或禁用，并且能够改变文本颜色等样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<style>
input{background:expression((this.disabled && this.disabled==true)?"#F03":"")}
</style>
    <script type="text/javascript">
function my_change()
{
   if(document.getElementById("select_id").value==0)
   {
    document.getElementById("text1").disabled=true;
     document.getElementById("text2").disabled=false;
      document.getElementById("text3").disabled=true;
   text2.style.color="#ff0000";
}
else if(document.getElementById("select_id").value==1)
   {
    document.getElementById("text1").disabled=false;
     document.getElementById("text2").disabled=true;
      document.getElementById("text3").disabled=true;
}
   else
   {
    document.getElementById("text1").disabled=true;
     document.getElementById("text2").disabled=true;
      document.getElementById("text3").disabled=false;
}
}
</script>
</head>