仅当启用Javascript时才显示表格

Question

我有一个表单，当用户单击提交按钮时，使用JS来完成一些操作。如果用户没有启用JS，我想禁用表单并隐藏它。我想我可以这样做：

<form style="display:none;" onLoad="this.style.display='inline'"> 
    Text 
    <input type="text"> 
</form> 
<noscript>Noscript stuff here</noscript> 

但是，它不起作用。由于我没有真正使用JS，我可能只是犯了一个令人尴尬的明显错误，我会猜测并说这与“这个”部分有关。

Answer 1

尝试是被通过JavaScript时所显示的页面加载一种无形的div：

<div id="hideThisFromNonJs" style="display:none"> 
    <form> 
     Text 
     <input type="text"> 
    </form> 
</div> 

<script type="text/javascript"> 
    document.getElementById('hideThisFromNonJs').style.display='block'; 
</script> 

Answer 2

你可以做的是在默认情况下隐藏的表单，然后使用JavaScript来取消隐藏它。这样的事情应该工作：

<form id="jsform" style="display:none;"> 
    Text 
    <input type="text"> 
</form> 

<script type="text/javascript"> 
    document.getElementById('jsform').style.display='block'; 
</script>