验证 html 不允许输入答案

【问题标题】：validation html not allowed INPUT验证 html 不允许输入
【发布时间】：2011-08-31 02:10:19
【问题描述】：

我无法修复这些错误。它们都是相关的：

第 110 行，第 36 列：文档类型在此处不允许元素“INPUT”；缺少“P”、“H1”、“H2”、“H3”、“H4”、“H5”、“H6”、“PRE”、“DIV”、“ADDRESS”开始标记之一

<input name="query" type="text">

第 111 行，第 66 列：文档类型在此处不允许元素“INPUT”；缺少“P”、“H1”、“H2”、“H3”、“H4”、“H5”、“H6”、“PRE”、“DIV”、“ADDRESS”开始标记之一

<input type="submit" name="submit" id="submit" value="Search">

第 112 行，第 8 列：未完成的“FORM”结束标记

/form>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> 
<html> 
<head> 
    <title>Griffith Dating Connection</title> 
    
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
    <link rel="stylesheet" type="text/css"href="style.css"> 
</head> 
 
<body> 
<div id="container"> 
<div id="header"> 
  <div class="title"><a href="#">The Griffith Dating Connection</a></div> 
  <div class="subtitle">find your &quot;study buddy&quot;</div> 
  <div class="intro-part1">Where Griffith singles meet.</div> 
  <div class="intro-part2"></div></div> 
<div id="nav"> 
 
<div id="nav-in-top"> 
 
</div> 
 
<div id="nav-in-middle"> 
<p class="title2">Navigation</p><br> 
 
<span> 
<a class="menu" href="index.html">Home</a> 
<a class="menu" href="allusers.php">View All Users</a> 
<a class="menu" href="doc.html">Documentation</a> 
</span> 
<p>&nbsp;</p> 
<div class="form">   
<h3>User Login</h3> 
            <div class="loginbox"> 
    <form action="processlogin.php" method="post"> 
                        
        <table border="0" cellspacing="0" cellpadding="5"> 
            <tr> 
                <td>Username</td> 
                
            </tr> 
            <tr> 
                <td><input type="text" name="UserName" /></td> 
                
            </tr> 
            <tr> 
                <td>Password</td> 
                
            </tr> 
            <tr> 
                <td><input type="text" name="Password" /></td> 
                
            </tr> 
            <tr> 
                <td><input type="submit" value="Login" /></td> 
                
            </tr>            
        </table> 
      
    </form> 
</div>    <p>New User Register <a href="create.php">here</a>.</p> 
 
       <div class="reg"> 
   </div></div> 
<p class="title2">Our 5 newest members</p><br> 
        <div class="menu2">Username|Age|Gender</div>   
                   
<div class="menu2"> <a href="profile.php?profile=19">newer</a> 
                41
                Male
        </div> 
                   
<div class="menu2"> <a href="profile.php?profile=18">newer</a> 
                41
                Male
        </div> 
                   
<div class="menu2"> <a href="profile.php?profile=17">newer</a> 
                41
                Male
        </div> 
                   
<div class="menu2"> <a href="profile.php?profile=16">newer</a> 
                41
                Male
        </div> 
                   
<div class="menu2"> <a href="profile.php?profile=15">newer</a> 
                41
                Male
        </div> 
            </div> 
</div> 
<div id="nav-in-bottom"></div> 
<div id="content"> 
<p class="title2"><b>Dating</b></p> 
<br> 
    <blockquote> 
<p>This is the griffith dating connection. Here students may come and find their one true &quot;study buddy&quot;. We hope this website is easy to use as well as effective in finding your &quot;study buddy&quot;. Remember to always have &quot;study protection&quot; and that people may not be who they say they are. Always update your &quot;anti-virus protection&quot; when &quot;studing&quot;.</p> 
    </blockquote> 
<br> 
<div id="box"> 
 
<div class="content_left"> 
<h3>Search</h3> 
<div class="form"> 
 
    <form name="form1" method="get" action="results.php"> 
        <input name="query" type="text"> 
        <input type="submit" name="submit" id="submit" value="Search"> 
    </form> 
 
</div> 
</div> 
 
<div class="content_right"> 
 
<h3>Lorem Ipsum</h3> 
 
 <img src="images/img2.jpg" class="floatTL" alt="#" /> 
 
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation 
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor 
in hendrerit in vulputate velit esse molestie consequat.</p> 
</div> 
 
</div> 
</div> 
<div id="footer"> Josip Zirdum Griffith Student Number &quot;s2794971&quot; </div> 
</div> 
</body> 
</html>

【问题讨论】：

标签： html validation w3c

【解决方案1】：

在您使用的 DTD 中，<input> 元素不能是 <form> 元素的子元素。您需要在<form> 和<input> 之间有一个块容器（例如<div> 或<fieldset>）。

【讨论】：