在html中,可以利用wrap屬性設定textarea不換行顯示,該屬性的作用就是規定當在表單中提交時,文字區域中的文字如何換行,當屬性的值設定為“off”時,文字就會不換行顯示,語法為「
本教學操作環境: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影片教學》
以上是html怎樣設定textarea不換行顯示的詳細內容。更多資訊請關注PHP中文網其他相關文章!