设计 HTML 表单 [重复]

Posted 2023-05-07

【中文标题】设计 HTML 表单 [重复]

【英文标题】：Desiging HTML forms [duplicate]

【发布时间】：2011-05-08 23:07:30

【问题描述】：

可能重复：Autosizing Textarea

嗨，

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

谢谢

【问题讨论】：

你的 html 是什么样的？

【参考方案1】：

您使用什么类型的字段？您是使用输入字段作为描述还是使用 textarea 的？

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

【参考方案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 之类的东西，并且行/列的使用将变得更加重要。