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

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;", где это необходимо, в пользу устаревших атрибутов HTML width и height.

Пример:

<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

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

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

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

Answer 3

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