Question

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

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

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

Answer 1

您可以做的是默认隐藏表单，然后使用javascript取消隐藏它。这样的事情应该有效：

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

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

Answer 2

尝试在页面加载时通过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>

仅在启用Javascript时显示表单

2 个答案: