readonly/disable input 问题

Perhapes for surity, in chrome and IE10, readonly/disabled input will be reset when the form submit.

for example，in the function "SelectProjectFeeType"，nowFeeTypeName.value=returnValue[1]; is not work， because, when form submit,  fee type name will be cleared.

function SelectProjectFeeType(nowFeeTypeName,nowFeeTypeID,nowFeeRule)
        {
            var ProjectID=document.Form1.txtProjectID.value;
            var returnValue=showModalDialog( "../ToolManagement/ProjectFeeTypeSelectorFrame.aspx?ProjectID="+ProjectID+"&FeeSortType=4",window, "scroll:yes ;font-family:Verdana; font-size:12; dialogWidth:750px; dialogHeight:600px;status:no;help:no");
            if(returnValue!=null)
            {
                nowFeeTypeID.value=returnValue[];
                if(CheckIsRepeat('txtFeeTypeID'))
                {
                    nowFeeTypeName.value=returnValue[1];
                    nowFeeRule.value=returnValue[];
                    document.Form1.txtFeeSortStatus.value=nowFeeTypeID.id;
                    document.Form1.txtOperatorStatus.value="GetFeeSortTotal";
                    document.Form1.submit();
                }
            }
        }

解决方法：

去掉readonly = "true"; 将input的class设置为"readonly", 如下图所示：

<input type="text" class="readonly" value="readonly text"/>

在javascript中加上处理，让class为readonly的input无法输入或粘贴

function getElementByClass(matchClass, tagName) {
            var result = [];
            var tagName = tagName || "*";
            var elems = document.getElementsByTagName(tagName), i;
            for (i in elems) {
                ) {
                    result.push(elems[i]);
                }
            }
            return result;
        }

        function makeInputReadonly() {
            var elems = getElementByClass("readonly", "input");
            ; i < elems.length; i++) {
                var elem = elems[i];
                if (elem.attachEvent) {
                    elem.attachEvent("onpaste", function (e) { e.preventDefault(); });
                    elem.attachEvent("onkeydown", function (e) { return false; });
                } else {
                    elem.addEventListener("paste", function (e) { e.preventDefault(); });
                    elem.addEventListener("keydown", function (e) { e.preventDefault(); return false; });
                }
                elem.setAttribute("autocomplete", "false");
            }
        }

        if (window.attachEvent) {
            window.attachEvent("onload", function () {
                makeInputReadonly();
            });
        } else {
            window.addEventListener("load", function () {
                makeInputReadonly();
            });
        }

兼容IE10:

IE10中，input会自带一个清除的按钮，可以用以下样式来屏蔽这个清除按钮

input::-ms-clear{display:none}

autocomplete = "off"