使文本框和文本区域更长

Question

我有一个带有文本框和一个文本区域的 table。我想水平增加这些项目的长度，但我似乎无法让它工作。

我试过在 textboxes 上使用宽度，在 textarea 上使用列，但还没有任何效果。

这是我正在处理的此页面的 jsfiddle link： JS FiddleLink

Answer 1

在你的css中：

input, textarea { width: 100%; }

这应该使输入和文本区域占据容器宽度的 100%。

之后，您可以使用 css 更改容器的宽度。例如，您的 table .Contact-Table 当前设置为 200px，因此输入和文本区域为 200px。将 .Contact-Table 设置为 300px 也会影响输入和文本区域，因为它们被设置为 100% 宽度。

Answer 2

input 和 Textarea 不允许使用 width 属性；请改用 CSS 样式。

Answer 3

您在文本框和文本区域上使用了宽度属性。将该宽度属性替换为 style="width:100px;" 或您要使用的任何像素数。例如，

<input type="text" name="email" style="width:100px;">

或者，您可以使用 css 选择器实现同样的效果。

<style>
input, textarea {
    width:100px; //change this to any other value
}
</style>

Make textboxes and textareas longer