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

html怎樣設定textarea不換行顯示

WBOY
發布: 2022-01-18 15:08:58
原創
5470 人瀏覽過

在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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板