質問お願いします。
htmlとcgi等を使用してHPを作っているのですが、その中にtextareaを利用して、
投稿フォームを設けています。投稿したものは、違うページで閲覧できるようになっています。
この投稿フォーム、wordやexcelから文章をコピぺして使用する方が多いのですが、
そのままでは<P>タグが挿入されてしまい、閲覧時、文章間隔が広くなりすぎて見難いため、
投稿フォームを、<textarea><pre></pre></textarea>とし、受信時、cgiで<P>タグを削除しています。
レイアウトはこれで問題ないのですが、textarea内に<pre>タグを入れてしまうと、
textareaの横幅をオーバーして書き込めてしまうという事態が起こってしまいました。
そこで質問なのですが、textarea内に<pre>を入れても、文字入力が端まで行ったら、
次の行に折り返す方法はないでしょうか?
わかる方いらっしゃいましたら、ご教授の程よろしくお願いします。
No.1ベストアンサー
- 回答日時:
preタグを挟むよりもtextareaのcss設定で調整した方が簡単なんじゃないのかな・・・
ご回答ありがとうございます。
cssでの調整もしてみたのですが、データを2次活用する時に、
都合の悪い場面が出たのでこの方法を取っています。
No.2
- 回答日時:
textareaは、
【引用】____________ここから
17.7 TEXTAREA要素 <!ELEMENT TEXTAREA - - (#PCDATA) -- multi-line text field -->
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Forms in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
ですから、その書き方はおかしいです。
そもそも、<P>は段落(paragraph)を示すものですから、段落が異なればその段落ごとに<p></p>となるのは正しいのですよ。
その段落相互間の間隔が、視覚系ブラウザで表示させると広すぎるというのは単なるプレゼンテーションの問題です。この区別はHTMLを作成する上で最も重要!!
↑これをマークアップすると
<p>
そもそも、<P>は段落(paragraph)を示すものですから、段落が異なればその段落ごとに<p></p>となるのは正しいのですよ。
<p>
<p>
その段落相互間の間隔が、視覚系ブラウザで表示させると広すぎるというのは単なるプレゼンテーションの問題です。この区別はHTMLを作成する上で最も重要!!
</p>
読み上げブラウザや検索エンジン、あるいは点字端末でも段落の違いを示せます。ただ、日本語では慣習的に段落の違いは、他と同じ改行と字下げ(インデント)であらわすので、「デフォルトでは段落があきすぎる」となってしまいます。
その場合スタイルシートで
p{margin:0.2em 0em;text-indent:1em;}
とすれば、日本語らしくなる。
たったそれだけの処理をすればよいのですよ。
この回答への補足
No.1の方へのお礼にも書きましたが、2次活用時の問題があるので
スタイルシート云々の問題ではないのです。
ブラウザでの表示の制御方法はある程度理解しております。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS Windowsのformでtextareaに入力すると改行が反映されません 2 2023/06/01 11:50
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- PHP コメント機能に返信欄を矢印で追加したい 1 2022/05/09 21:17
- MySQL MySQLに登録した内容を更新する時の、textareaの使い方 1 2022/07/11 18:20
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- TOEFL・TOEIC・英語検定 英文法(他動詞・自動詞の解釈)you pre-register online 1 2023/03/09 00:18
- PHP ECCUBE4のページ管理でPHPを実行させたい 1 2023/04/06 11:42
- PHP $_SESSIONに渡した後はそのまま使っても問題ありませんか? 3 2022/11/08 22:17
- Instagram Instagramのアプリ"しばらくしてからもう一度実行〜..."と出た際について 1 2023/05/08 19:27
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
還暦を過ぎた方々に質問です。
-
smallにtext-allignが効かない
-
質問1.
-
確かな学力とは
-
<H>タグの見出しと<P>タグの本...
-
改行ほどは行かないけど、若干...
-
figcaption要素の中にul要素
-
「諸要素」とはどういう意味で...
-
2個のFormを横並びにしたい
-
CSS:overflow要素の印刷について
-
H1タグを画像にしたい
-
textareaの幅を画面と合わせたい
-
含む含まないという概念自体の...
-
ホームページの下にあるcopy ri...
-
html タグの閉じスラッシュ前の...
-
tdに対してmin-heightの定義、...
-
htmlのolやulなどlistにtitleや...
-
htmlの文字が縦書きになる
-
Media Queries 4 で 非推奨とな...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
還暦を過ぎた方々に質問です。
-
【ヒトの神秘】美男美女から何...
-
質問1.
-
含む含まないという概念自体の...
-
smallにtext-allignが効かない
-
角丸画像の背景色を透明にした...
-
tdに対してmin-heightの定義、...
-
改行ほどは行かないけど、若干...
-
html タグの閉じスラッシュ前の...
-
テキストボックスの中にリンク...
-
「諸要素」とはどういう意味で...
-
input type="hidden"で取得した...
-
タグは大文字と小文字どちらが...
-
CSSで改行後の行間調整
-
H1タグを画像にしたい
-
2個のFormを横並びにしたい
-
textareaの幅を画面と合わせたい
-
border: noneでボタンの境界線...
-
CSS:overflow要素の印刷について
-
HTMLの・要素・属性・属性値 は...
おすすめ情報