如何禁用用戶動態調整大小的多行輸入？

Question

我在我的html表單上有一個多行輸入，一些瀏覽器（firefox 4和chrome）允許用戶動態調整它的大小。這很好，但它打破了我的佈局。是否可以禁用此功能？

感謝

Answer 1

如果用戶調整領域，這可能是因爲他們想（或需要）它更大。

在這種情況下，你應該考慮你的用戶知道他們在做什麼，這樣做是因爲他們想/需要，他們將接受佈局有點破，只要讓他們使用該textarea。

不過，如果你想這樣做（你不應該），引用How do I disable textarea resizing?：

textarea { 
    resize: none; 
} 

^1._{我沒有看得很清楚，當我放大了，或者做了一些東西大一點，這是因爲我也需要 - 在這種情況下，我更喜歡佈局有點破壞我不能使用的網站！}

Answer 2

AFAIK你不能禁用它。但是，在用戶採取行動之前，它不可能破壞你的佈局，，並且無論如何您都無法阻止。

Answer 3

使用CSS：

textarea { 
    resize: none; 
} 

見resize property @ MDC。

然而，一個更好的解決方案是修復你的佈局，以便調整textarea的大小不會破壞佈局（至少對於合理的調整大小）。取決於它如何以及如何嚴重地破壞了佈局，用戶可能無法理解它。典型的網絡用戶可能永遠都不會注意到小改變大小的句柄。

Answer 4

使用CSS：

textarea { 
    resize: none; 
} 

Answer 5

在你的CSS，補充一點： textarea { resize: none; }