実現したいこと
htmlのtextarea の「折返し」を、サーバ側で「改行」として認識させたい。
発生している問題・分からないこと
htmlのtextarea の「折返し」が、サーバ側で「改行」として認識されない。
そのため、改行無しの1行の長い文字列になっている。
該当のソースコード
<div id="reason" class="table-container"> <h3>理由</h3> <textarea id="reason_text" cols="116" wrap="hard"></textarea> </div>
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
Googleで検索しましたが、どのサイトも、「cols、wrap="hard"を指定すれば、改行として認識される」との内容でした。
補足
textarea の内容をformのhiddenにセットし、それをサーバに渡していることが「改行」として認識されない要因かもしれません。とはいえ、hiddenにセットしてサーバに渡すことが要件につき、現時点でこれを変更できません。
ちなみに、textareaのcssは、以下の通りです。
word-break: break-all;
margin-top:1px;
margin-bottom:20px;
background:#fff;
border:#aaa 1px solid;
height:308px;
overflow-x: hidden;
overflow-y: hidden;
padding-left:5px;
回答3件
あなたの回答
tips
プレビュー