设计HTML表单

Question

  

可能重复：
  Autosizing Textarea

您好，

我开发了一个网络表单，其中一个字段是描述。我希望该字段的大小更大，以便用户可以看到完整的描述。我该怎么做？

由于

Answer 1

您使用的是哪种类型的字段？你使用输入字段作为描述还是使用了textarea的？

如果您使用的是输入，请使用<textarea cols="100" rows="5" id="yourID" name="yourNAME"></textarea>

Answer 2

如果您想为文本区域指定特定的宽度和高度，我建议使用样式而不是cols或rows。

这是因为不同的浏览器会使用cols和rows提供不同的宽度和高度。

要在多个浏览器中尽可能保持一致，您可以使用以下内容：

<textarea name="myTextarea" style="width: 300px; height: 200px;"></textarea>

或者为了保持HTML清洁，你可以使用：

<style type="text/css">
.myTextarea {
    width: 300px;
    height: 200px;
}
</style>

<textarea name="myTextarea" class="myTextarea"></textarea>

但是，如果我误解了你想要textarea自动增长，你需要使用javascript，或者更好的东西，比如jQuery，并且使用rows / cols会变得更加重要。