为什么我的HTML脚本的某些部分出现在文本区域内？_Html_Forms

为什么我的HTML脚本的某些部分出现在文本区域内？

html forms

为什么我的HTML脚本的某些部分出现在文本区域内？,html,forms,Html,Forms,我正在使用本教程练习表单设计：出于一些非常奇怪的原因，HTML的最后部分出现在Textarea元素中： </li> <li> <button class="submit" type="submit">Submit Form</button> </li> </form> </body> </html> 提交表格我从教程中复制的完整脚本如下： <!DOCTYPE ht

我正在使用本教程练习表单设计：

出于一些非常奇怪的原因，HTML的最后部分出现在Textarea元素中：

 </li>
<li>
    <button class="submit" type="submit">Submit Form</button>
</li>


</form>

</body>
</html>



提交表格

我从教程中复制的完整脚本如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HTML5 Contact Form</title>
    <link rel="stylesheet" media="screen" href="styles.css" >
</head>
<body>
<form class="contact_form" action="" method="post" name="contact_form">
<ul>
    <li>
         <h2>Contact Us</h2>
         <span class="required_notification">* Denotes Required Field</span>
    </li>
    <li>
        <label for="name">Name:</label>
        <input type="text" name="name" />
    </li>
</ul>
<li>
    <label for="email">Email:</label>
    <input type="text" name="email" />
    <span class="form_hint">Proper format "name@something.com"</span>
</li>
<li>
    <label for="website">Website:</label>
    <input type="text" name="website" />
    <span class="form_hint">Proper format "http://someaddress.com"</span>
</li>
<li>
    <label for="message">Message:</label>
    <textarea name="message" cols="40" rows="6" >
</li>
<li>
    <button class="submit" type="submit">Submit Form</button>
</li>


</form>
</body>
</html>


HTML5联系方式


联系我们
*表示必填字段


姓名：



电邮：
“正确格式”name@something.com"


网站：
“正确格式”http://someaddress.com"


信息：


提交表格

您尚未关闭

元素标记，因此浏览器认为所有正在进行的标记都是textarea内容

<textarea name="message" cols="40" rows="6"></textarea>

在您的

元素之外，您还有几个

元素。

我简直不敢相信我在这上面花了几个小时！谢谢你，克里斯