DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML入門知識 >> 9.12 多行文本框textarea
9.12 多行文本框textarea
編輯:HTML入門知識     

一、多行文本框textarea簡介

單行文本框只能輸入一行信息,而多行文本框可以輸入多行信息。

多行文本框使用的是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種文本框總結

大家記住,文本框有3種形式:單行文本框text、密碼文本框password和多行文本框textarea。單行文本框和密碼文本框使用的是input標簽,而多行文本框使用的是textarea標簽。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved