Comment afficher l'élément HTML <FORM> comme élément en ligne ?

Question

Il s'agit probablement d'une question de base sur l'intégration de la technologie HTML...

J'ai un formulaire simple à un bouton que je voudrais afficher en ligne à l'intérieur du texte d'un paragraphe.

<p>Read this sentence 
     <form style='display:inline;'>
     <input style='display:inline;' 
            type='submit' 
            value='or push this button'/>
     </form>.
</p>

Bien que le formulaire ait l'attribut style=display:inline, j'obtiens un saut de ligne avant le formulaire. Existe-t-il un moyen de s'en débarrasser ?

Des éléments de formulaire peuvent-ils apparaître à l'intérieur <p> ?

Answer 1

Déplacez votre balise de formulaire juste à l'extérieur du paragraphe et réglez les marges et le rembourrage à zéro :

<form style="margin: 0; padding: 0;">
  <p>
    Read this sentence 
    <input style="display: inline;" type="submit" value="or push this button" />
  </p>
</form>

Answer 2

<form> ne peut pas entrer à l'intérieur <p> non. Le navigateur va fermer brusquement ton <p> lorsqu'il touche l'ouverture <form> car il essaie de gérer ce qu'il pense être un élément de paragraphe non fermé :

<p>Read this sentence 
 </p><form style='display:inline;'>

Answer 3

Vous pouvez essayer ce code :

<form action="#" method="get" id="login" style=" display:inline!important;">

  <label for='User'>User:</label> 
  <input type='text' name='User' id='User'>

  <label for='password'>Password:</label><input type='password' name='password' id='password'>
  <input type="submit" name="log" id="log" class="botton" value="Login" />

</form> 

L'élément important à noter est la propriété de style css dans le fichier <form> étiquette.

display:inline!important;

Answer 4

Selon Spécification HTML les deux <form> y <p> sont des éléments de bloc et vous ne pouvez pas les imbriquer. Peut-être que remplacer le <p> con <span> vous conviendrait ?

EDIT : Désolé. J'ai été trop rapide dans ma formulation. Le site <p> n'autorise aucun contenu de bloc à l'intérieur - comme le spécifie l'élément Spécification HTML pour les paragraphes .

Answer 5

Vous pouvez accomplir ce que vous voulez, je pense, simplement en incluant le bouton d'envoi dans le paragraphe :

     <pre>
     <p>Read this sentence  <input  type='submit' value='or push this button'/></p>
     </pre>