[解決済み] textareaからword wrapを取り除くには?
2022-04-24 17:39:31
質問
私のシンプルなtextareaは、テキストがオーバーフローしたときに水平方向のバーが表示されません。改行するためにテキストを折り返します。どうすれば、折り返しをなくし、テキストがオーバーフローしたときに水平方向のバーを表示できますか?
解決方法は?
テキストエリアはデフォルトでは折り返されませんが、wrap="soft"を設定して、明示的に折り返しを無効にすることができます。
<textarea name="nowrap" cols="30" rows="3" wrap="soft"></textarea>
<ストライク EDIT: "wrap"属性は公式にはサポートされていません。私はこれを ドイツ語のSELFHTMLのページ (英語のソースは こちら によると、IE4.0とNetscape2.0がサポートしているそうです。また、FF 3.0.7でテストしたところ、想定通りに動作しました。 SELFHTMLはwikiになり、英語のソースリンクはなくなっています。
EDIT2: 全てのブラウザに対応させたい場合は、CSSでwrapの挙動を変更することができます。
<ブロッククオート
カスケーディング・スタイル・シート(CSS)を使用すると、次のように同じ効果を得ることができます。
white-space: nowrap; overflow: auto;
.
したがって、wrap属性は時代遅れとみなすことができる。
から これ (textareaに関する情報が掲載されている優れたページと思われます)。
EDIT3:いつ頃変わったのかわかりませんが(コメントによると、2014年頃だったはず)。
wrap
は、現在では正式なHTML5属性となっています。
w3schools
. これに合わせて、回答を変更しました。
関連
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
-
[解決済み] 再描画のためにキャンバスをクリアする方法
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] jQueryの送信ボタンの無効化・有効化
-
[解決済み] preタグでテキストを折り返すにはどうしたらよいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】textareaが謎の空白で埋め尽くされるのはなぜ?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Bootstrap 3.3.7で改行する方法
-
[解決済み] 横型リストアイテム
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] ローカルストレージとCookieの比較
-
[解決済み] 入力テキストボックスの値を取得する
-
[解決済み] mailto:を使ってメールの件名や内容を設定することはできますか?
-
[解決済み] input type="file "ボタンのスタイリング
-
[解決済み] 特定のクラスや属性を持たない要素を選択するCSSセレクタは書けますか?
-
[解決済み] メモ帳++でXML/HTMLを自動整形/インデントする方法
-
[解決済み】JavaScriptを使用してフォームを送信するにはどうすればよいですか?