Форма не работает в Internet Explorer

Question

Этот код формы работает в Mozilla и Chrome, но в Internet Explorer он не работает.

<form method="post" action="logincheck.php" >
    <span class="meta">
        <table>
    </span>
    <tr>
        <td>
            <span class="meta">
                <label >Username </label>
            </span>
            <label>
        </td>
        <td> <input name="username" type="text" />
            </label>
</form>
        </td>
    </tr>
    <tr>
        <td> <label ><span class="meta">Password</td>
        <td>
            <input name="password" type="password" />
                     </span>
             </label>
        </td>
    </tr>
    <tr>
        <td>
            <span class="meta">
            </span>
            <label>
                <input type="submit" name="Submit" value="Submit"  class="submit"/>
            </label>
        </td>
    </tr>
    </table>
</form>

Answer 1

У вас есть ряд ошибок HTML, наиболее важным из которых является дополнительный тег </form> вскоре после первого <input>. Это означает, что вторая input и кнопка submit находятся вне формы, поэтому она не будет работать. Похоже, что Firefox и Chrome здесь более щадящие.

Исправьте ваш HTML, и форма должна работать нормально.

Answer 2

У вас есть ошибки, которые автоматизированные инструменты QA могут обнаружить

Answer 3

<form method="post" action="logincheck.php">
  <label for="username">Username</label>
  <input name="username" type="text" />
  <label for="password">Password</label>
  <input name="password" type="password" />
  <input type="submit" name="Submit" value="Submit"  class="submit" />
</form>

Правильный код для этой формы должен выглядеть следующим образом.

• Вам не нужна таблица, вы можете легко оформить форму с помощью CSS, выбрав метку и поля ввода

Answer 4

Вот версия без тегов span, метки и дополнительных </form> в середине таблицы перед кнопкой отправки.

Полагаю, вы добавили их вручную в текстовых редакторах.

<form method="post" action="logincheck.php">
    <table>
        <tr>
            <td>
                Username
            </td>
            <td>
                <input name="username" type="text" />
            </td>
        </tr>
        <tr>
            <td>
                Password
            </td>
            <td>
                <input name="password" type="password" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="submit" name="Submit" value="Submit" class="submit" />
            </td>
        </tr>
    </table>
</form>

Answer 5

Первая ошибка:

<span class="meta">
<table>   
</span>

Но у вас много ошибок.

Открывайте и закрывайте теги, как вы будете делать с круглыми скобками. Нет верховой езды. HTML и теперь XHTML требуют, чтобы вы были немного более добросовестными.

полезный инструмент:

• http://giminik.developpez.com/xhtml/
• http://validator.w3.org/

Answer 6

<span class="meta"> <table>
</span>

Вложение неправильно. На самом деле, здесь намного больше ошибок. Попробуйте поискать, что именно делает <label>, что делает <span> и когда вы хотите его использовать. Вы, вероятно, хотите что-то вроде этого:

<form method="post" action="logincheck.php" >
  <table>   
    <tr>
      <td><label class="meta">Username </label></td>
      <td><input name="username" type="text" /></td>
     </tr>
     <tr>
      <td><label class="meta">Password</td>
      <td><input name="password" type="password" /></td>
    </tr>
    <tr>
      <td colspan="2"><input type="submit" name="Submit" value="Submit"  class="submit"></td>
    </tr>
  </table>   
</form>