HTMLのテキストエリアを改行表示しないように設定する方法-フロントエンドQ&A-php.cn

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

WBOY

リリース： 2022-01-18 15:08:58

オリジナル

5182 人が閲覧しました

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

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

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

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

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

wrap 属性は、HTML5 のタグの新しい属性です。

構文は次のとおりです:

</pre><div class="contentsignin">ログイン後にコピー</div></div><p>ここで: </p><p>soft デフォルトでは、要素の最大幅に達すると改行が表示されますが、改行は表示されません。文字は自動的に挿入されず、フォーム送信時に改行もありません。 </p><p>hard テキストが要素の最大幅に達すると、ブラウザは自動的に改行 (CR LF) を挿入します。つまり、フォームを送信すると改行文字も送信されます。 "hard"を使用する場合は、cols属性を指定する必要があります。 </p><p>例は次のとおりです: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script>
</head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div>
<body>
<textarea rows="10" cols="30" wrap="off">
我是一个文本框。我是一个文本框。我是一个文本框。我是一个文本框。我是一个文本框。

ログイン後にコピー

出力結果:

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