javascript 禁用網頁上所有文字框、下拉式功能表、多行文本域

 

原理就是迴圈擷取網頁上的控制項，然後設定disabled 屬性為true.

代碼如下：
<script type="text/javascript">
    var nodeList = document.getElementsByTagName("input");
    for (var i = 0; i < nodeList.length; i++) {
        nodeList[i].disabled = true;
    }
    nodeList = document.getElementsByTagName("select");
    for (var i = 0; i < nodeList.length; i++) {
        nodeList[i].disabled = true;
    }
    nodeList = document.getElementsByTagName("textarea");
    for (var i = 0; i < nodeList.length; i++) {
        nodeList[i].disabled = true;
    }
</script>

下面是這些控制項的類型：

通過document.getElementsByName("controlName")[0].type.toLocaleLowerCase()可以擷取。
根據控制項的不同有下面幾種類型：
"text"
"textarea"
"select-one"
"select-multiple"
"radio"
"checkbox"