我正在尝试验证此表单页面xhtml,而不会验证

|
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\">
<html>
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">
<title>The Magic Genie</title>
<link href=\"java-game.css\" rel=\"stylesheet\" type=\"text/css\">
<script type=\"text/javascript\" src=\"java-game.js\"></script>
</head>

<body class=\"oneColFixCtr\">

<div id=\"container\">
  <div id=\"mainContent\">
    <h1>Ask Your Magic Genie </h1>

<form>
Your question: <input type=\"text\" name=\"question\" size=\"40\">
<input type=\"button\" name=\"ask\" value=\"Ask the Genie\" onClick=\"if (this.form.question.value!=\'\') this.form.answer.value = genie();\">
<br />
<br />
Your magic genie says:  <input type=\"text\" name=\"answer\" size=\"50\">
</form></p>


</div>
</body>
</html>
    
已邀请:
那么,您的问题是您没有doctype,html,head或body标签。     
您的页面无法验证,仅是因为您错误地嵌套/关闭标签,并且某些标签没有正确的属性。     
首先,您正在谈论xhtml并添加了xhtml-1.0-strict标签,但是标题为:“ѭ1”。 我一生中从未见过
<body class=\"oneColFixCtr\">
课,被添加到
<body>
中。您可以通过以下方式在CSS中操纵
<body>
body {background: red;}
。 缺少1x个
<div>
标签! 17ѭ多了1倍。许多标签没有以ѭ8结尾。
<form>
缺少方法和动作参数! 另外,如果您要100%完美验证,则不能使用
onclick=\"\"
。我在您的脚本中添加了jQuery。 实时示例:http://kopli.pri.ee/stackoverflow/5653786.php(单击此处进行验证) 完整版代码:
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
    <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
    <title>I am trying to validate this form page xhtml and it will not validate - Kalle H. Väravas</title>
    <link href=\"java-game.css\" rel=\"stylesheet\" type=\"text/css\" />
    <script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js\"></script>
    <script type=\"text/javascript\" src=\"java-game.js\"></script>
</head>
<body>
    <div id=\"container\">
        <div id=\"mainContent\">
            <h1>Ask Your Magic Genie </h1>
            <form method=\"post\" action=\"\">
                Your question: <input type=\"text\" name=\"question\" size=\"40\" />
                <input type=\"button\" name=\"ask\" value=\"Ask the Genie\" /><br />
                <br />
                Your magic genie says:  <input type=\"text\" name=\"answer\" size=\"50\" />
            </form>
        </div>
    </div>
    <script type=\"text/javascript\">
        $(\'input[name=ask]\').click(function () {
            if ($(this).form.question.value!=\'\') {
                $(this).form.answer.value = genie();
            }
        });
    </script>
</body>
</html>
    

要回复问题请先登录注册