Почему части моего HTML-скрипта появляются внутри TextArea?

Question

Почему части моего HTML-скрипта появляются внутри TextArea?

0

Я занимаюсь дизайном формы, используя этот урок: TutsPlus

По некоторым очень странным причинам эти последние части 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 "[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>

Sylva Okolieaboh 22 окт. 2013, в 18:35

Источник

Теги:

html

forms

2 ответа

Ещё вопросы

Chris Pickford · Answer 1 · 2013-10-22T14-14-00.000Z

Вы не закрыли свой <textarea> элемента <textarea> поэтому браузер считает, что вся существующая разметка является содержимым textarea.

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

Я не могу поверить, что я потратил часы на это! Благодарен, Крис

wizardbyte · Answer 2 · 2013-10-22T15-23-00.000Z

У вас также есть несколько элементов <li> вне вашего элемента <ul>.