」です。"/> 」です。">

ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLのテキストエリアを改行表示しないように設定する方法

HTMLのテキストエリアを改行表示しないように設定する方法

WBOY
WBOYオリジナル
2022-01-18 15:08:585450ブラウズ

HTML では、wrap 属性を使用して、テキストエリアを折り返さずに表示するように設定できます。この属性の機能は、フォームに送信するときにテキストエリア内のテキストを折り返す方法を指定することです。属性の値が "off" に設定されている場合、テキストは折り返されずに表示され、構文は "

HTMLのテキストエリアを改行表示しないように設定する方法

このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。

htmlテキストエリアを折り返さずに表示するように設定する方法

wrap 属性は、フォームの送信時にテキストエリア内のテキストを折り返す方法を指定します。

wrap 属性は、HTML5 の

構文は次のとおりです:

<textarea wrap="soft|hard">

ここで:

soft デフォルトでは、要素の最大幅に達すると改行が表示されますが、改行は表示されません。文字は自動的に挿入されず、フォーム送信時に改行もありません。

hard テキストが要素の最大幅に達すると、ブラウザは自動的に改行 (CR LF) を挿入します。つまり、フォームを送信すると改行文字も送信されます。 "hard"を使用する場合は、cols属性を指定する必要があります。

例は次のとおりです:

<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
<textarea rows="10" cols="30" wrap="off">
我是一个文本框。我是一个文本框。我是一个文本框。我是一个文本框。我是一个文本框。
</textarea>
</body>
</html>

出力結果:

HTMLのテキストエリアを改行表示しないように設定する方法

推奨チュートリアル: "html ビデオ チュートリアル

以上がHTMLのテキストエリアを改行表示しないように設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。