html - Html `TextArea` 属性 `rows` 无法正常工作

Question

出于某种原因，我需要使用我的“textarea”输入元素，就像“text”类型的输入元素一样。我尝试使用以下代码来实现它。

<textarea style="{resize: none; height:25px}" name="myTextArea" rows="1">

但是，当我单击文本区域的底部时，文本区域中的光标可以向下移动 1 行。简单地说，我只是想让这个文本区域类似于一个简单的文本框（即使用输入标签）。

如果有任何想法，请提供帮助。

Answer 1

textarea 和 input 之间的区别在于 textarea 可以有几行。为了使文本区域像输入一样工作，必须不能添加行。

我认为你必须使用 Javascript 来做到这一点。所以看下面的代码：

<textarea style="resize: none; height:25px" name="myTextArea" rows="1"></textarea>
<script>
    document.getElementsByTagName("textarea")[0].onkeydown = function(e){
        if (e.which == 13){
            return false
        }
    }
</script>