为什么大多数网站的<textarea>不限制max-width和max-height？

This topic created in 4938 days ago, the information mentioned may be changed or developed.

在这闲逛的时候发现回复框右下角的小标志，手贱的去拖动了一下——

然后它溢出了。

本来寻思这是不是一个bug，毕竟textarea能够随便被拖来拖去不是什么让人舒适的体验。

然而在看了各大网站的CSS后我发现似乎大家都没有限制max-width和max-height……

这到底是一个不成文的规矩，还是前端工程师忘了把这两个属性写上去？

Max

width

textarea

9 replies • 1970-01-01 08:00:00 +08:00

binux

Nov 18, 2012

textarea不能够随便被拖来拖去是让人不舒适的体验

jkeylu

Nov 18, 2012

同意一楼的，不能拖才是让人不舒服的体验，
像 ie 就各种不能拖啊

caomu

Nov 18, 2012

textarea让用户拖动才是易用啊，比如我在v2ex回复，一下写多了，就拖大一点，这样看着才舒服。

至于拖动而破坏UI，那是用户自己拖出来的效果啊。

另外要防止拖动最好是用 resize:none; 这个属性。

要不就用JS控制文本框高度，写多了就自动伸长，要不拖滚动条好麻烦。

airyland

Nov 18, 2012

V2EX的回复框加上 resize: vertical 也许比较合适，防止横向拖动保证布局不会"破"(前面一帖子看过的词)。

Keinez

Nov 18, 2012

@caomu
@airyland

一直不知道resize……学到新知识了！

@jkeylu
@binux

个人喜好……看来得自定义CSS了

SAGAN

Nov 18, 2012

看了这贴才发现, 原来textarea右下角可以拖拽更改大小啊..

Sivan

Nov 18, 2012

众口难调，我觉得不给 <textarea> 设置 max-width max-height resize 才能适合各种用户和各种输入情况的需求。

如果设置 resize: vertical（一些框架的 reset 已经这样设置了），那么当 <textarea> 区域较窄时就会比较难受。输入大段文字内容时我习惯把 <textarea> 拖出原 width 范围。

Keinez

Nov 18, 2012

@Sivan
<textarea> 区域较窄的时候，本意就不是给人输入大段文字的吧？限制max-width也无可厚非；
除非愿意在例如个人简介的地方写个百来字……不过一般来说这样的地方都会限制maxlength的不是么？

Sivan

Nov 18, 2012

@Keinez 看你怎么界定「较窄」了，我觉得 V2EX 这个宽度输入大段文字也是不够用……所以我都是拖宽了再输入。

个人观点是只要输入内容的这个区域具备大段文字输入的可能性，就应该别固定住。而且以适应各类型用户为主，不因为自己的喜好固定住。说不定有的人输入时都喜欢把输入框拖到比较大了再打字，感觉舒服一些～