如何禁用用户动态调整大小的多行输入？

Question

我的html表单上有一个多行输入，一些浏览器（firefox 4和chrome）允许用户动态调整大小。这很好，但它打破了我的布局。是否可以禁用此功能？

谢谢

Answer 1

如果用户调整字段大小，可能是因为他们希望（或需要）更大 ¹ 。

在这种情况下，你应该考虑你的用户知道他们在做什么，是因为他们想要/需要做什么，以及他们会接受布局有点破碎，提供它允许他们使用那个textarea。

不过，如果你想这样做（你不应该），引用How do I disable textarea resizing?：

textarea {
    resize: none;
} 

^1。 _{我看不太清楚，当我缩放或制作更大的时，这是因为我也需要 - 而且，在这种情况下，我更喜欢布局有点破碎到我不能使用的网站！}

Answer 2

使用CSS：

textarea {
   resize: none;
}

请参阅resize property @ MDC。

然而，更好的解决方案是修复布局，以便调整textarea的大小不会破坏布局（至少对于合理的调整大小）。根据它如何以及如何严重破坏布局，用户可能不会介意它。无论如何，典型的Web用户可能永远都不会注意到小调整大小的句柄。

Answer 3

使用CSS：

textarea {
    resize: none;
}

Answer 4

在你的CSS中，添加： textarea { resize: none; }

Answer 5

AFAIK你无法禁用它。但是在用户采取行动之前它不可能破坏你的布局，并且无论如何都无法阻止。