Javascript禁用输入字段

时间:2012-05-19 05:17:20

标签: javascript input field

有一段时间没有出现过。有一个我正在研究的热门项目,我似乎无法弄清楚如何禁用输入文本字段。情况是我有一个填写的表单,然后在提交时我将表单保留在原来的位置但禁用输入字段,因此无法更改。因此,用户可以继续查看他们提交的内容。

<html> 
    <head> 
    <script> 
    function enableDisable() {
        var disable = true; 
        var arglen = arguments.length; 
        var startIndex = 0; 
        var frm = document.example1; //change appropriate form name

        if (arglen > 0){ 
            if (typeof arguments[0] == "boolean") { 
                disable = arguments[0]; 
                if (arglen > 1) {
                    startIndex = 1; 
                }
            } 
            for (var i = startIndex; i < arglen; i++) {
                obj = eval("frm." + arguments[i]); 
                if (typeof obj=="object") {
                    if (document.layers) {
                        if (disable) { 
                            obj.onfocus = new Function("this.blur()"); 
                            if (obj.type == "text") {
                                obj.onchange = new Function("this.value=this.defaultValue"); 
                            }
                        }
                        else {
                            obj.onfocus = new Function("return");
                            if (obj.type == "text") {
                                obj.onchange = new Function("return");
                            }
                        }
                    }
                    else {
                        obj.disabled=disable;
                    }
                }
            }
        }
    } 
    </script> 
    </head> 
    <body> 
        <form name="example1"> 
            Text Field: <input type="text" name="text1"> 
            <br> 
            <input type="submit" name="control1" onclick="enableDisable(this.submit, 'text1', 'submit', 'select1')"> 
        </form> 
    </body> 
</html> 

1 个答案:

答案 0 :(得分:3)

我认为您希望文本字段是只读字段。

已停用的文本字段只读文本字段之间存在差异。

READONLY和DISABLED都删除了输入字段的功能,但程度不同。 READONLY锁定字段:用户无法更改值。 DISABLED做了同样的事情,但更进一步:用户不能以任何方式使用该字段,不突出显示文本进行复制,不选择复选框,不提交表单。实际上,如果提交表单,则甚至不会发送禁用字段。

因此,您应该查看这篇文章,了解有关相同内容的更多信息。 http://www.htmlcodetutorial.com/forms/_INPUT_DISABLED.html