<!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>
3 に答える
まず、xhtml について話し、xhtml-1.0-strict タグを追加しましたが、見出しには次のように記載されています<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
。
私は人生で、<body class="oneColFixCtr">
クラスに追加されているのを見たことがありません<body>
。<body>
次の方法で CSSを操作できますbody {background: red;}
。
1x<div>
タグがありませんでした。余分な1xがありました</p>
。多くのタグが で終わっていませんでした/
。<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>
タグの入れ子/終了が正しくなく、一部のタグに正しい属性がないという理由だけで、ページは検証されません。
問題は、doctype、html、head または body タグがないことです。