爲什麼我的HTML腳本的部分出現在TextArea內部？

我使用本教程練習形式的設計：TutsPlus爲什麼我的HTML腳本的部分出現在TextArea內部？

對於一些很奇怪的原因，這些HTML最後部分出現在多行文本的元素：

</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 "[email protected]"</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>

來源

2013-10-22 Sylva Okolieaboh

您尚未關閉您的<textarea>元素標記，因此瀏覽器認爲所有正在進行的標記都是textarea內容。

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

來源

2013-10-22 15:59:25

我不敢相信我在這上面花了幾個小時！感謝，克里斯 –

不客氣=） –

你也有你的<ul>元素之外的幾個<li>元素。

來源

2013-10-22 17:24:06 wizardbyte

爲什麼我的HTML腳本的部分出現在TextArea內部？

回答

相關問題