html - 是否可以禁用 textarea 的多行选项？

Question

当然，我可以使用标准的 html 文本框，但出于某种原因我需要文本区域。

那么，是否可以禁用 textarea 的多行选项？

Answer 1

您可以使用 cols 设置文本区域的大小和 rows属性并使其在 CSS 中不可调整大小，但您不能阻止用户添加多行。即使区域太小，也会出现滚动条，让他们想写多少行就写多少。

如果你真的需要得到一行，我建议设置 rows属性为 1 并使用 Javascript 检查输入是否有单行。

在 html 中:

<textarea name="a"  cols="5" rows="1" ></textarea>

在 CSS 中:

textarea{
    resize: none; 
    #You can use resize: horizontal if you just want to disable vertical resize
}

不过，我还是建议使用 <input type="text" ... />为什么要避免它？