html文本域標籤屬性有哪些?html文本域標籤屬性用法介紹

來源:互聯網
上載者:User
本篇文章主要介紹的是關於HTML文本域textarea標籤的屬性和簡單的用法執行個體。文章內容很簡單,很容易學習的,代碼都是很基礎的代碼,還是沒有難度的代碼,所以想學習的請認真的自己敲代碼。接下來讓我們一起來看這篇文章吧

首先我們先看看html文本域textarea標籤的屬性:

<textarea> 標籤定義多行的文本輸入控制項。

文本區中可容納無限數量的文本,其中的文本的預設字型是等寬字型(通常是Courier)。

可以通過cols和rows屬性來規定textarea的尺寸,不過更好的辦法是使用CSS的height和width屬性。

提示:可以通過<textarea>標籤的wrap屬性設定文本輸入區內的換行模式。

現在說一個html textarea標籤的簡單用法:

<textarea rows="5" cols="20">在php中文網,你可以找到你所需要的所有的線上編程課程。</textarea>

這個只用了cols屬性和rows屬性,效果

這個就是html文本域的textarea標籤最簡單的用法,就是用來讓別人輸入文字的。

現在重點說說wrap屬性:

wrap:用於指定常值內容大於文本寬度時的顯示方式。

textarea標籤的wrap屬性指表:

  • 當warp="off"表示該文本地區中不自動換行,如果編譯器裡是三行,那顯示的介面就是三行,如果文本域中內容足夠多超過了文字框的寬度時,會在文本域中出現橫向的捲軸。當然不寫預設是自動換行的。

  • 當wrap=“virtual/(soft)”實現文本域內的自動換行,但在傳輸給伺服器時,文本只在使用者按下enter鍵的地方進行換行。(virtual和soft是等價的,只是soft是後來出現在h5中的屬性值,h5中一般不使用virtual)。屬於自動軟斷行符號換行。

  • 當wrap=“physical/(hard)”實線文本域內的自動換行,並以這種形式傳送給伺服器。(physical和hard是等價的,同上hard是後來出現在h5中的屬性值。)屬於自動硬斷行符號換行。

注意:如果css樣式中有設定高度和寬度的話,按照css中的樣式來!!!rows和cols就沒有什麼意義了,但是如果wrap=“hard”時一定要規定cols的屬性。

以上就是本篇關於html 文本域textarea標籤的全部內容了,有問題的可以在下方提問。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.