科技知識動態:HTML中textarea標簽的用法詳解

導讀跟大家講解下有關HTML中textarea標簽的用法詳解,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說HTML中textarea標簽的用法詳

跟大家講解下有關HTML中textarea標簽的用法詳解,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說HTML中textarea標簽的用法詳解,小編也收集到了有關HTML中textarea標簽的用法詳解的相關資料,希望大家看到了會喜歡。

textarea標簽是用來定義一個多行的文本輸入控件,在文本輸入域中可以輸入任意長度的文本。還可以使用PHP等程序將此處輸入的值發送到服務器,本篇文章我們就來詳細介紹關于HTML中textarea標簽的用法。

html

我們先來簡單看一下input標簽和textarea標簽之間的區別

通過將type屬性設置為text ,input標簽可以獲得與textarea標簽類似的效果。

但是,使用input標簽只能輸入一行文本,如果你想輸入多行文本,我們可以使用textarea標簽。

如何使用textarea標簽?

我們可以使用textarea標簽指定行數和列數

代碼如下

<html> <form action="/form.php" method="post"> <div> <label for="message">內容</label> <textarea id="message" name="message" cols="50" rows="10"></textarea> </div> <input type="submit" value="發送"> </form></html>

運行效果如下

在textarea標簽中,大小分別在cols屬性(水平方向)和rows屬性(垂直方向)中確定。

確定最大字符數

示例代碼如下

<html> <form action="/form.php" method="post"> <div> <label for="message">內容</label> <textarea id="message" name="message" cols="50" rows="10" maxlength="20"></textarea> </div> <input type="submit" value="發送"> </form></html>

運行結果如下

微信截圖_20190116152742.png

在這種情況下,除了上面的代碼之外,還使用maxlength屬性設置了最大字符數。

最后我們也可以設置textarea標簽,使其無法更改預先寫入的文本

代碼如下

<html> <form action="/form.php" method="post"> <div> <label for="message">內容</label> <textarea id="message" name="message" cols="50" rows="10" maxlength="20" readonly>這有這個內容</textarea> </div> <input type="submit" value="發送"> </form></html>

運行結果如下

微信截圖_20190116153028.png

在這種情況下,通過設置 readonly屬性,我將其設置為不能更改已添加的內容。

以上就是本篇文章的全部內容了,更多精彩內容大家可以關注php中文網的相關欄目教程!!!

以上就是HTML中textarea標簽的用法詳解的詳細內容,更多請關注php中文網其它相關文章!

來源:php中文網

免責聲明:本文由用戶上傳,如有侵權請聯系刪除!