Quick Form Question

How do I make a form of this style:

The user is asked if they have an account on your site (for a customer service form). They are given the options "Yes" and "No". If they select option "Yes" two new text fields appear underneath which ask them for their username and password. If they select "No", nothing happens (no new text fields appear).

I'm sure this is possible, I've seen it on other sites, I just want a very simple way to do this, nothing flashy, I don't need animation or anything, just a simple, if they click yes, then two new text fields appear. This may actually be PHP come to think of it, please move if that is true. Thanks in advance!

Yeah that's possible, it's pretty simple as well so I'm just gonna point you in the right direction and I'm sure you can google your way to it.

You put the username and password in a DIV and make that hidden by default:


Then you use a javascript and an onClick command for that "Yes"-option that changes the css for the div element with the id "login" to: display:block;

That should do it, google for 'onclick hide div' or 'show hide div' or something like that and it shouldn't be hard to do it.

Cool, I found this script:

http://www.quirksmode.org/dom/usableforms.html

Which seems like it may overcompicate things but it does work! The way you were saying doesn't seem to work easily (I'm sure if you messed around with it enough, it would but I tried tweaking it for like an hour and can't figure it out). The problem is that it seems to only hide basic HTML like anything in a <p> tag, <b> tag, and... well you get the idea. It can't hide and show stuff in <tr> tags (even if the <tr> is inside a <div>) (at least I can't figure out how to get it to do that). Thanks for your help!

Did you put it inside a <table> tag?

Yes, it all worked fine without the added script. Once adding the script, it wouldn't disappear when I click the Hide button. It's OK, this one works great on as many browsers as I've tried it with, I'll just stick with it. Thanks!