title: How to make a greyed-out HTML form?
body: <p>I'd like to have a group of HTML text <code>&lt;input&gt;</code>'s that can be all greyed-out (disabled) at the same time. I also want the entire area they are in to somehow be greyed-out or at least visibly disabled. I've seen things like this done in desktop applications.</p>
  
  <p>Any ideas on an easy/elegant way to do it? I'm trying to avoid manually setting each  to <code>disabled="disabled"</code>, and also have an <em>area</em> surrounding the <code>&lt;input&gt;</code>'s that indicates that entire portion of the form is non-editable.</p>
  
  <p>EDIT: Sorry, I should mention a few more things... </p>
  
  <ol>
  <li>Everything is local. I'm not using
  PHP or ASP or anything like that...
  just HTML, JavaScript, and CSS. Also no jquery!</li>
  <li>I want to enable/disable the "area" dynamically with JavaScript</li>
  <li>It's NOT a <code>&lt;form&gt;</code>, just a bunch of <code>&lt;input&gt;</code>'s</li>
  </ol>