使文本框和文本更长

Question

我有一个包含Textboxes和一个Textarea的表。我想横向增加这些项目的长度，但我似乎无法让它工作。

我尝试使用textboxes上的宽度和textarea上的cols，但还没有任何效果。

以下是我正在处理此页面的jsfiddle的链接： JS FiddleLink

Answer 1

在你的css中：

input, textarea { width: 100%; }

这应该使得输入和textarea占据容器宽度的100％。

然后，您可以使用css更改容器的宽度。例如，您的表.Contact-Table当前设置为200px，因此输入和textarea为200px。将.Contact-Table设置为300px也会影响输入和textareas，因为它们设置为100％宽度。

Answer 2

输入和Textarea不允许使用

width属性;改为使用CSS样式。

Answer 3

您在文本框和文本区域使用width属性。将该width属性替换为style =＆＃34; width：100px;＆＃34;或者你想要使用的任何像素数。 例如，

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

或者，您可以使用css选择器来实现相同的目的。

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