IE支持的HTML元素的DISABLE属性在NETSCAPE4.76中的实现

原创 2002年05月22日 10:12:00

IE支持的html元素的disablenetscape4.76中的实现<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

1.     相关的html元素

(1)   text , edit , password , textarea

(2)   radio , checkbox

(3)   select

2.     IE中的写法

(1)   document.form_name.text_name.disabled = true;

document.form_name.edit_name.disabled = true;

document.form_name.password_name.disabled = true;

document.form_name.textarea_name.disabled = true;

(2)   document.form_name.radio_name[i].disabled = true;

document.form_name.checkbox_name[i].disabled = true;

(3)   document.form_name.select_name.disabled = true;

3.     Netscape4.76中的写法

(1)   document.form_name.text_name.disabled = true;

document.form_name.edit_name.disabled = true;

document.form_name.password_name.disabled = true;

在相应的text , edit , password , textarea 元素上添加对focus事件处理的方法:onfocus=”disableElements(this)”

function disableElements(obj)

{

if(obj.disabled)

        {

        obj.blur();

        }

}

(2)   document.form_name.radio_name[i].disabled = true;

document.form_name.checkbox_name[i].disabled = true;

在相应的radio , checkbox元素上添加对mousedown事件处理的方法:onclick=”return disableElements(this)”

function disableElements(obj)

{

if(obj.disabled)

        {

        obj.checked=false;

       return false;;

        }

}

(3)   document.form_name.select_name.disabled = true;

在相应的select元素上添加对change事件进行处理的方法:onchange=”disableElements(this)”

function disableElements(obj)

{

        if (obj.disabled)

      {

      for (var i=0; i<obj.options.length; i++)

      {

         obj.options[i].selected = obj.options[i].frozenStatus;

       (obj.options[i].selected = false;这样写也可以.)

      }

      }

}

最后我附上一个例子,这个例子在IE6.0Netscape4.76下测试通过!

<html>

<body>

<form>

<br>Test:<input type="text" name="t1" onfocus="disableText(this)">

<br>Edit:<input type="edit" name="t2" onfocus="disableEdit(this)">

<br>Textarea:<textarea name="t3" onfocus="disableTextarea(this)"></textarea>

<br>Password: <input type="password" name="t4" onfocus="disablePassword(this)">

<br>Radiobutton: <input type="radio" name="t5" onmousedown="return disableRadio(this)">

<br>Checkbox: <input type="checkbox" name="t6" onclick="return disableCheck(this)">

<br>Defaul disabled Checkbox: <input type="checkbox" disabled name="t8" onmousedown="return disableCheck2(this)">

<br>Select:

<select name="t7" onchange=" ChangeSelect(this)">

<option> one

<option> two

<option> three

<option> four

</select>

 

<br><input type="button" value="Enable/Disable" onClick="change()">

</form>

</body>

</html>

 

<script language="javaScript">

function disableText(obj)

{

if(obj.disabled)

obj.blur();

}

 

function disableEdit(obj)

{

if(obj.disabled)

obj.blur();

}

 

function disablePassword(obj)

{

if(obj.disabled)

obj.blur();

}

 

function disableTextarea(obj)

{

if(obj.disabled)

obj.blur();

}

 

function disableRadio(obj)

{

          if(obj.disabled)

          {

                    obj.checked=false;

                    return false;

           }

}

 

function disableCheck(obj)

{

        if(obj.disabled)

       {

                 obj.checked=false;

                 return false;

       }

}

 

function disableCheck2(obj)

{

              obj.disabled=true;

              if(obj.disabled)

              {

                      obj.checked=false;

                      return false;

               }

}

 

function ChangeSelect(obj)

{

   if (obj.disabled)

   {

      for (var i=0; i<obj.options.length; i++)

      {

         //obj.options[i].selected = obj.options[i].frozenStatus;

obj.options[i].selected = false;

(这两种写法都是可以的)

      }

  

   }

 

}

 

function change()

{

document.forms[0].t1.disabled=!document.forms[0].t1.disabled;

 

document.forms[0].t2.disabled=!document.forms[0].t2.disabled;

document.forms[0].t3.disabled=!document.forms[0].t3.disabled;

document.forms[0].t4.disabled=!document.forms[0].t4.disabled;

document.forms[0].t5.disabled=!document.forms[0].t5.disabled;

document.forms[0].t6.disabled=!document.forms[0].t6.disabled;

document.forms[0].t7.disabled=!document.forms[0].t7.disabled;

 

document.forms[0].t1.value="";

document.forms[0].t2.value="";

document.forms[0].t3.value="";

document.forms[0].t4.value="";

 

document.forms[0].t5.checked=false;

document.forms[0].t6.checked=false;

document.forms[0].t7.value="";

for (var i=0; i<document.forms[0].t7.options.length; i++)

      {

        //document.forms[0].t7.options[i].selected = document.forms[0].t7.options[i].frozenStatus;

document.forms[0].t7.options[i].selected = false;

}

}

</script>

IE中,给一个HTML元素同时指定多个class时,样式是怎么确定的

.wrappertop2{color:blue;} .wrappertop{color: red;} .wrappertop3{color:red;} .wrappertop4{co...
  • rainbow702
  • rainbow702
  • 2016年01月14日 14:27
  • 1678

让IE支持placeholder属性

placeholder 属性提供可描述输入字段预期值的提示信息 该提示会在输入字段为空时显示,并会在字段获得焦点时消失。 但placeholder不支持IE10以下版本 在页面中只需引入plac...
  • itmyhome
  • itmyhome
  • 2016年01月01日 22:27
  • 2288

HTML元素、标签、属性的区别

很多人可能都没有把哪个叫标签,哪个叫元素这个概念搞清楚,包括之前的我也是,一直都是混淆着。 事实上两者之间的概念还是很清楚的: 比如这就是一个标签; 这里是内容这就是一个元素,也就是说元素...
  • qq_26291823
  • qq_26291823
  • 2016年01月07日 21:30
  • 443

HTML5:元素的属性

HTML文档中包含了各种各样的元素,同时元素还可以用属性(attribute)进行配置,一个元素可以配置一个或者多个属性,例如: I like apples and oranges.class、hre...
  • liuy_98_1001
  • liuy_98_1001
  • 2015年12月28日 16:56
  • 1958

HTML标签元素属性的概念

转载自:http://www.cnblogs.com/lovelq522/archive/2010/11/22/1884792.html 什么是HTML标签 HTML标签标记了HTML文档和HTM...
  • lvyuan30276
  • lvyuan30276
  • 2016年09月08日 10:43
  • 469

动态生成HTML元素并为元素追加属性

动态生成HTML元素的方法由三种: 第一种:document.createElement()创建元素,再用appendChild( )方法将元素添加到指定节点; 添加a元素: ...
  • fredaouyang
  • fredaouyang
  • 2017年02月22日 11:14
  • 2220

前端笔记——如何控制表单控件中的disabled

0.前言     本文主要说明如何使能或禁止表单控件。表单控件具有disabled属性,通过设置该属性可以禁止所有的input控件,input的更多属性请参考资料【1】。下面就通过一个简单的例子说明...
  • xukai871105
  • xukai871105
  • 2014年06月26日 22:13
  • 2791

伪元素(3)-解决IE6/IE7/IE8不支持before,after问题

解决IE6/IE7/IE8不支持before,after问题
  • shangshanling
  • shangshanling
  • 2016年06月12日 11:28
  • 7786

CSS中不为人知Zoom属性的使用介绍(IE浏览器不得不说的坑)

标准浏览器有个属性 scale可以缩放节点 并且可以设置缩放的中心点,我为什么要说这个呢,因为这个是促使我找回IE css属性ZOOM的一个助力。 ZOOM现在主要用来解决IE清除浮动,其最初的作用是...
  • u014071104
  • u014071104
  • 2016年06月17日 15:39
  • 4340

Javascript:Dom简介(查找/修改HTML元素的内容及属性)

Javascript:Dom简介(查找/修改HTML元素的内容及属性)
  • books1958
  • books1958
  • 2015年01月27日 12:43
  • 1469
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:IE支持的HTML元素的DISABLE属性在NETSCAPE4.76中的实现
举报原因:
原因补充:

(最多只允许输入30个字)