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

或者，使用CSS中的width属性：<form style='width:##px'> <form>元素默认显示为块，因此它会在整个宽度上展开它的父母

Answer 3

虽然这里的其他答案可能会有效，但理想情况下应避免使用内联样式标记。

实际上，您应该设置一个CSS样式表，为input元素提供一个类，并在样式表中为该类设置所需的样式。这样做的好处是，如果你在网站上有一个这样的表单元素，你可以添加类名，它将以相同的方式显示（如果你改变看起来的样子，这一点尤为重要）

使用CSS有一个学习曲线，但从长远来看，它会多次获利。

如何设置表单框的大小？

3 个答案: