为什么这个xhtml表单不会验证?

时间:2011-12-08 08:28:37

标签: javascript html xhtml validation

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ualr.edu%2Facsindle%2Fjoin.html&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.2

网站: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>

我还投入了用于show / hide的javascript。我不明白为什么它没有验证。谢谢你的帮助!

2 个答案:

答案 0 :(得分:2)

你不能在H3标签内有一个FORM标签(为什么你甚至想要那个?!)。

答案 1 :(得分:2)

日期之前没有HTML规范允许在h3标记中插入表单标记。如果希望将h3标记的css或样式转换为表单元素,则将文本单独包含在h3标记中。

赞:<h3>Name: </h3>