僅當啓用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>