V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Keinez
V2EX  ›  问与答

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

  •  
  •   Keinez · 2012-11-18 19:32:31 +08:00 · 3890 次点击
    这是一个创建于 4205 天前的主题,其中的信息可能已经有所发展或是发生改变。
    在这闲逛的时候发现回复框右下角的小标志,手贱的去拖动了一下——

    然后它溢出了。

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

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

    这到底是一个不成文的规矩,还是前端工程师忘了把这两个属性写上去?
    9 条回复    1970-01-01 08:00:00 +08:00
    binux
        1
    binux  
       2012-11-18 19:36:20 +08:00
    textarea不能够随便被拖来拖去是让人不舒适的体验
    jkeylu
        2
    jkeylu  
       2012-11-18 20:27:59 +08:00
    同意一楼的,不能拖才是让人不舒服的体验,
    像 ie 就各种不能拖啊
    caomu
        3
    caomu  
       2012-11-18 20:34:20 +08:00
    textarea让用户拖动才是易用啊,比如我在v2ex回复,一下写多了,就拖大一点,这样看着才舒服。

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

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

    要不就用JS控制文本框高度,写多了就自动伸长,要不拖滚动条好麻烦。
    airyland
        4
    airyland  
       2012-11-18 20:38:22 +08:00   ❤️ 1
    V2EX的回复框加上 resize: vertical 也许比较合适,防止横向拖动保证布局不会"破"(前面一帖子看过的词)。
    Keinez
        5
    Keinez  
    OP
       2012-11-18 21:13:49 +08:00
    @caomu
    @airyland

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


    @jkeylu
    @binux

    个人喜好……看来得自定义CSS了
    SAGAN
        6
    SAGAN  
       2012-11-18 21:19:44 +08:00
    看了这贴才发现, 原来textarea右下角可以拖拽更改大小啊..
    Sivan
        7
    Sivan  
       2012-11-18 21:26:31 +08:00
    众口难调,我觉得不给 <textarea> 设置 max-width max-height resize 才能适合各种用户和各种输入情况的需求。

    如果设置 resize: vertical(一些框架的 reset 已经这样设置了),那么当 <textarea> 区域较窄时就会比较难受。输入大段文字内容时我习惯把 <textarea> 拖出原 width 范围。
    Keinez
        8
    Keinez  
    OP
       2012-11-18 21:32:36 +08:00
    @Sivan
    <textarea> 区域较窄的时候,本意就不是给人输入大段文字的吧?限制max-width也无可厚非;
    除非愿意在例如个人简介的地方写个百来字……不过一般来说这样的地方都会限制maxlength的不是么?
    Sivan
        9
    Sivan  
       2012-11-18 21:38:44 +08:00
    @Keinez 看你怎么界定「较窄」了,我觉得 V2EX 这个宽度输入大段文字也是不够用……所以我都是拖宽了再输入。

    个人观点是只要输入内容的这个区域具备大段文字输入的可能性,就应该别固定住。而且以适应各类型用户为主,不因为自己的喜好固定住。说不定有的人输入时都喜欢把输入框拖到比较大了再打字,感觉舒服一些~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   983 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 19:45 · PVG 03:45 · LAX 12:45 · JFK 15:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.