我們先來簡單看一下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標簽的用法詳解的詳細內容,html教程
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答