フォーム欄の入力時の改行入力が出来ません。

実現したいこと

メッセージ機能で、フォーム欄で文章を改行したいのでエンターを押して改行したいのですが、送信ボタンが適用されて送信されてしまいます。
inputタグ内での設定が悪いのでしょうか？

発生している問題・エラーメッセージ

フォーム欄の改行が行えません。

該当のソースコード

rooms/show

1<div class=="room-chat-form"> 2 <form method="POST" action="{{ route('message.store') }}"> 3 @csrf 4 <div> 5 <p>件名</p> 6 <input id="title" class="block mt-1 w-full" type="text" name="title" :value="old('title')" required autofocus autocomplete="title" /> 7 <x-input-error :messages="$errors->get('title')" class="mt-2" /> 8 <p>内容</p> 9 <input id="content" class="block mt-1 w-full" type="textarea" name="content" :value="old('content')" required autofocus autocomplete="content" /> 10 <x-input-error :messages="$errors->get('content')" class="mt-2" /> 11 </div></br> 12 <input type="hidden" id="user_id" name="user_id" value="{{$user->id}}"> 13 <input type="hidden" id="room_id" name="room_id" value="{{$room->id}}"> 14 15 <div class="flex items-center justify-end mt-4"> 16 <button class="ms-4"> 17 送信 18 </button> 19 </div> 20 21 </form> 22 </div>

試したこと

inputタグ内の設定が間違っているかを探してみたのですが、全て消しても改行されずに送信されそうになったので、特に関係なさそうにも見えました。
ちなみに以前作成していたlaravelアプリでは問題なく改行が出来ていたのですが、今回作成しているアプリではBreezeをインストールしたので、細かい影響があるのでしょうか？

補足情報（FW/ツールのバージョンなど）

PHP8
Laravel10