Comment définir la taille de la boîte d'un formulaire?

Question

J'utilise ce formulaire et il apparaît comme il se doit dans dreamweaver mais quand je l'utilise sur le site web, c'est de nouveau grand. le site est chargé via include comme contenu dynamique (php).

<form action="index.php" method="get"> 
     <input type="hidden" name="content" value="home" /> 
     <label>Go to 
      <input style height="20" width="40" type="numeric" name="page" /> 
     </label> 
     <input type="submit" value="Go" /> 
     </form> 

J'apprécie n'importe quelle aide!

Answer 1

Ajouter style="width:Npx; height:Mpx;" si nécessaire en faveur des attributs HTML obsolètes width et height.

Exemple:

<form action="index.php" method="get"> 
    <input type="hidden" name="content" value="home" /> 
    <label>Go to 
     <input style="height:20px; width:40px" type="numeric" name="page" /> 
    </label> 
    <input type="submit" value="Go" /> 
</form> 

Answer 2

Ou, utilisez la propriété width en CSS: <form style='width:##px'> L'élément <form> est affiché par défaut comme bloc, donc strecthes sur toute la largeur de son parent

Answer 3

Bien que les autres réponses ici fonctionneront probablement, les étiquettes de style en ligne devraient idéalement être évitées.

Vraiment, vous devez configurer une feuille de style CSS, donner une classe à l'élément d'entrée et définir les styles que vous voulez pour cette classe dans la feuille de style. L'avantage de le faire de cette façon est que si vous avez plus qu'un élément de formulaire comme celui-ci sur votre site Web, vous pouvez simplement ajouter le nom de classe et il apparaîtra de la même manière (ceci est particulièrement important si vous changez de look) . Utilisation de CSS a une courbe d'apprentissage, mais il sera rentable à plusieurs reprises à long terme.