Question

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

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

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

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

Answer 1

textarea和输入之间的区别在于textarea可以有多行。因此，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>

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

1 个答案: