javascript - "Disabling"带有 Javascript 的 HTML 表格

Question

我最近在很多网站上看到过这种做法，但似乎找不到一个。本质上，我想在单击按钮时“禁用”整个面板(在 HTML 表格的表单中)。

禁用是指我不希望表格中的表单元素可用，我希望表格淡出。

我已经能够通过在带有绝对定位的 div 的 table 上放置一个“面纱”来实现这一点，该 div 具有白色背景和低不透明度(因此您可以看到它后面的 table ，但不能点击任何东西因为 div 在它前面)。这也增加了我想要的褪色效果。但是，当我将 veil 的高度设置为 100% 时，它只会达到我的屏幕大小(不包括滚动)，因此如果用户向上或向下滚动，他们会看到 veil 的边缘，这并不漂亮。

我假设这通常是以不同的方式完成的。有没有人有一些建议可以更好地实现这一目标？

Answer 1

你可以像这样尝试 javascript:

function disable(table_id)
{
    var inputs=document.getElementById(table_id).getElementsByTagName('input');
    for(var i=0; i<inputs.length; ++i)
        inputs[i].disabled=true;
}