Le formulaire ne fonctionne pas dans Internet Explorer

Question

Ce code fonctionne dans Mozilla et Chrome, mais dans Internet Explorer, il ne fonctionne pas.

<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

Vous avez un certain nombre d'erreurs HTML, le plus important étant une balise </form> supplémentaire peu après la première <input>. Cela signifie que le second input et le bouton submit sont en dehors du formulaire, donc cela ne fonctionnera pas. Firefox et Chrome sont un peu plus indulgents ici, semble-t-il.

Fixez votre code HTML et le formulaire devrait fonctionner correctement.

Answer 2

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

L'imbrication est faux. En fait, il y a beaucoup plus de mal. Essayez googling ce que <label> fait exactement, et ce que fait <span> et quand vous voulez l'utiliser. Vous voulez probablement quelque chose comme ceci:

<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> 

Answer 3

Vous avez errors that automated QA tools can detect

Answer 4

Une première erreur est:

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

Mais vous avez beaucoup d'erreurs.

Ouvrez et fermez les étiquettes comme vous le ferez avec les parenthèses. Pas d'équitation HTML et maintenant XHTML ont besoin que vous soyez un peu plus consciencieux.

outil utile:

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

Answer 5

Voici une version sans balises span, étiquette et </form> supplémentaire au milieu de la table avant le bouton d'envoi. Je suppose que vous les avez ajoutés à la main dans des éditeurs de texte en clair.

<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 6

<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> 

Le code correct pour ce formulaire doit ressembler à ceci.

• Vous n'avez pas besoin de la table, vous pouvez définir le style de la forme avec facilement avec CSS sur la sélection des champs d'entrée étiquette &