Is there a HTML opposite to <noscript>?

javascript html noscript
Re0sless picture Re0sless · Aug 27, 2008 · Viewed 19.2k times · Source

Is there a tag in HTML that will only display its content if JavaScript is enabled? I know <noscript> works the opposite way around, displaying its HTML content when JavaScript is turned off. But I would like to only display a form on a site if JavaScript is available, telling them why they can't use the form if they don't have it.

The only way I know how to do this is with the document.write(); method in a script tag, and it seems a bit messy for large amounts of HTML.

Answer

Will picture Will · Jan 10, 2009

Easiest way I can think of:

<html>
<head>
    <noscript><style> .jsonly { display: none } </style></noscript>
</head>

<body>
    <p class="jsonly">You are a JavaScript User!</p>
</body>
</html>

No document.write, no scripts, pure CSS.

Related questions

How to hide parts of HTML when JavaScript is disabled?

I'm trying to accommodate users without JavaScript. (By the way, is it worth the effort nowadays?) In one HTML file I'd like part of it execute if scripts are on, and another part if scripts are OFF. The <noscript&…

Read More
Valid way to add noscript in head for wrapping redirect

So I was thinking a simple way to deal with javascript being disabled by the browser would be the following: <head> <title>JavaScript Test</title> <noscript> <meta http-equiv="Refresh" content="1;url=…

Read More
How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More