当前位置：文江博客话题详情

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

发布于 2024-10-26 11:40:29 字数 99 浏览 6 评论 0原文

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

谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

走过海棠暮 2024-11-02 11:40:29

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

在这种情况下，您应该考虑您的用户知道他们在做什么，这样做是因为他们想要/需要，并且他们会接受布局有点损坏，只要它允许他们使用该文本区域。

不过，如果您想这样做（您不应该），请引用如何禁用文本区域调整大小？ :

textarea {
    resize: none;
}

^1._{我看得不太清楚，当我缩放或使某些东西更大时，这是因为我也需要 - 并且，在这种情况下，我更喜欢布局有点破损的网站，而不是我无法使用的网站！}

If users resize the field, it's probably because they want (or need) it to be bigger ¹.

In such a case, you should consider your users know what they are doing, are doing it because they want / need to, and that they will accept the layout to be a little broken, provided it allows them to use that textarea.

Still, if you want to do that (you shouldn't), quoting How do I disable textarea resizing? :

textarea {
    resize: none;
}

^1._{I don't see very well, and when I zoom, or make something bigger, it's because I need too -- and, in such a case, I prefer a layout a bit broken to a website I cannot use !}

回复收藏 0 原文

记忆消瘦 2024-11-02 11:40:29

使用 CSS：

textarea {
   resize: none;
}

请参阅resize property @ MDC。

然而，更好的解决方案是修复布局，以便调整文本区域的大小不会破坏布局（至少对于合理的调整大小而言）。根据它破坏布局的方式和严重程度，用户可能不会介意。无论如何，典型的网络用户可能永远不会注意到这个小调整大小手柄。

Use CSS:

textarea {
   resize: none;
}

See resize property @ MDC.

A better solution, however, is to fix your layout so that resizing the textarea doesn't break the layout (at least for reasonable amounts of resizing). Depending on just how, and how badly, it breaks the layout, users might not event mind it. The typical web user will probably never even notice the little resize handle anyway.

回复收藏 0 原文