」。"/> 」。">

首頁  >  文章  >  web前端  >  html怎樣設定textarea不換行顯示

html怎樣設定textarea不換行顯示

WBOY
WBOY原創
2022-01-18 15:08:585274瀏覽

在html中,可以利用wrap屬性設定textarea不換行顯示,該屬性的作用就是規定當在表單中提交時,文字區域中的文字如何換行,當屬性的值設定為“off”時,文字就會不換行顯示,語法為「

html怎樣設定textarea不換行顯示

本教學操作環境:windows10系統、HTML5版、Dell G3電腦。

html怎麼設定textarea不換行顯示

#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怎樣設定textarea不換行顯示

#推薦教學:《html影片教學

以上是html怎樣設定textarea不換行顯示的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn