Атрибут `TextArea`` rows` работает неправильно

Question

Я использовал текстовое поле в своем html.

Код выглядит следующим образом.

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

Курсор в текстовом поле может перейти на 1 строку вниз, когда я нажимаю внизу текстового поля. Просто я хочу сделать это текстовое поле похожим на простое текстовое поле (т. Е. С помощью тега ввода).

Пожалуйста, помогите, если есть какие-либо идеи.

Answer 1

Разница между текстовым полем и входом заключается в том, что текстовое поле может иметь несколько строк. Чтобы текстовое поле работало как вход, необходимо не добавлять строки.

Думаю, вам нужно использовать 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>