單行文本框只能輸入一行信息,而多行文本框可以輸入多行信息。
多行文本框使用的是textarea標簽,而不是input標簽。
語法:
<textarea rows="行數" cols="列數">多行文本框內容</textarea>
說明:
在該語法中,不能使用value屬性來建立一個在文本域中顯示的初始值,這一點跟單行文本框不一樣。
對於多行文本框的默認文字內容,你可以設置,也可以不設置。
舉例:
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<form name="form1" method="post" action="index.html">
個人簡介:<br />
<textarea rows="8" cols="40">請介紹一下你自己</textarea>
</form>
</body>
</html>
在浏覽器預覽效果如下:
大家記住,文本框有3種形式:單行文本框text、密碼文本框password和多行文本框textarea。單行文本框和密碼文本框使用的是input標簽,而多行文本框使用的是textarea標簽。