Reputation: 337
site: www.ualr.org/acsindle/join.html
<script language="javascript" type="text/javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "+ Application";
}
else {
ele.style.display = "block";
text.innerHTML = "- Application";
}
}
</script>
<a id="displayText" href="javascript:toggle();">+ Application</a>
<div id="toggleText" style="display: none">
<h3>
<form action="scripts\contact.php" method="post">
Name:<br /><input type="text" name="name" /><br />
Pseudonym:<br /><input type="text" name="pseudonym" /><br />
Email:<br /><input type="text" name="email" /><br />
Age:<br /><input type="text" name="age" /><br />
Location:<br /><input type="text" name="location" /><br />
Past Games:<br /><textarea name="past_games" cols="40" rows="10"></textarea><br />
Current Games:<br /><textarea name="current_games" cols="40" rows="10"></textarea><br />
Why you're interested:<br /><textarea name="why" cols="40" rows="10"></textarea><br />
<input type="submit" value="Send"/>
<input type="reset" value="Clear"/>
</form>
</h3>
I also threw in the javascript I used for the show/hide. I don't understand why it's not validating. Thanks for your help guys!
Upvotes: 0
Views: 129
Reputation: 1324
No HTML spec till date allows form tag to be inserted in h3 tag. If you want the h3 tag's css or styles to be transitioned to form elements, then enclose the texts individually in h3 tag.
Like : <h3>Name: </h3>
Upvotes: 2
Reputation: 53931
You can't have a FORM tag inside a H3 tag (why would you even want that?!).
Upvotes: 2