Как установить размер окна формы?

Question

Я использую эту форму и ее появление как следует в Dreamweaver, но когда я снова использую его на веб-сайте, его большой снова. сайт загружается через include как динамический контент (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> 

Я ценю любую помощь!

Answer 1

Добавить style="width:Npx; height:Mpx;", если необходимо, в пользу устаревших width и height HTML-атрибуты.

Пример:

<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

Или использовать width свойство в CSS: <form style='width:##px'><form> элемент, отображаемый по умолчанию как блока, поэтому strecthes по всей ширине своего родителя

Answer 3

Несмотря на то, другие другие ответы здесь, вероятно, будут работать, в идеале следует избегать встроенных меток стиля.

Действительно, вы должны создать таблицу стилей CSS, дать элементу ввода класс и задать стили, которые вы хотите для этого класса, в таблице стилей. Преимущество этого заключается в том, что если на вашем веб-сайте есть такой элемент, как форма этого элемента, вы можете просто добавить имя класса, и он будет отображаться таким же образом (это особенно важно, если вы измените, как все выглядит) ,

Использование CSS имеет кривую обучения, но в долгосрочной перспективе она будет многократно окупаться.