導讀跟大家講解下有關HTML中textarea標簽的用法詳解,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說HTML中textarea標簽的用法詳
跟大家講解下有關HTML中textarea標簽的用法詳解,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說HTML中textarea標簽的用法詳解,小編也收集到了有關HTML中textarea標簽的用法詳解的相關資料,希望大家看到了會喜歡。
textarea標簽是用來定義一個多行的文本輸入控件,在文本輸入域中可以輸入任意長度的文本。還可以使用PHP等程序將此處輸入的值發送到服務器,本篇文章我們就來詳細介紹關于HTML中textarea標簽的用法。我們先來簡單看一下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>運行結果如下
在這種情況下,除了上面的代碼之外,還使用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>運行結果如下
在這種情況下,通過設置 readonly屬性,我將其設置為不能更改已添加的內容。
以上就是本篇文章的全部內容了,更多精彩內容大家可以關注php中文網的相關欄目教程!!!
以上就是HTML中textarea標簽的用法詳解的詳細內容,更多請關注php中文網其它相關文章!
來源:php中文網