Hide HTML form if JS isn't enabled ? Can it be done ?

[MoreBloodWine]

I tried diff search terms but couldnt seem to find what I wanted. Anyway, I was wondering if it's possible to somehow include the below form inside of <script></script> tags so if the users browser has JS disabled then the forum wouldn't show.

Code Select Expand

<form method='post' action=''>
<input type='text' name='address' size="40" />
<input type='submit' name='submit' value='Continue' />
</form>

So with the form hidden assuming the user has JS disabled this would otherwise show in its place.

Code Select Expand

<noscript>
You have JavaScript turned <b><font color="#FF0000">OFF</font></b> !<br />Please turn it on if you wish to participate.
</noscript>

Ty.

[riou]

you should be able to use CSS in the head section like

Code Select Expand

<noscript>
    <style>
        code for form here { display:none; }
    </style>
</noscript>

[MoreBloodWine]

you should be able to use CSS in the head section like

Code Select Expand

<noscript>
    <style>
        code for form here { display:none; }
    </style>
</noscript>

I'm not even sure what to code to get what I want.

[Arantor]

Um.... no.

You hide the entire form in CSS by setting that form to display:none, then  re-show it with JavaScript. Give the form an id, <form id="myform">

Then CSS:

Code Select Expand

#myform { display: none }

Then after the form, something like this:

Code Select Expand

<noscript>This page needs JavaScript</noscript>
<script>document.getElementById('myform').style.display = 'block';

[MoreBloodWine]

Um.... no.

You hide the entire form in CSS by setting that form to display:none, then  re-show it with JavaScript. Give the form an id, <form id="myform">

Then CSS:

Code Select Expand

#myform { display: none }

Then after the form, something like this:

Code Select Expand

<noscript>This page needs JavaScript</noscript>
<script>document.getElementById('myform').style.display = 'block';

Thx again Arantor !