當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > DIV+CSS > 表單文本區域元素textarea

表單文本區域元素textarea

2012/11/22 10:22:55作者：佚名來源：網絡

移動端

【實例介紹】

表單文本區域元素textarea

當需要讓瀏覽者填人多行文本時，就應該使用文本區域而不是文本字段了。和其他大多數表單對象不一樣，文本區域使用的是textarea標記而不是input標記。

【基本語法】

<textarea name="文本區域的名稱" cols="長度" rows="行數"></textarea>

【語法介紹】

在該語法中，cols用于設置文本域的列數，也就是其寬度。rows用于設置文本域的行數，也就是高度值，當文本內容超出這一范圍時會出現滾動條。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文本區域元素</title>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td><form action="mailto:weixiaofoxw.com" name="form1" method="post" 
enctype="multipart/form-data"target="_blank" >
      <p>請您提出寶貴的意見：</p>
      <p>
        <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
      </p>
 
 <input type="submit" name="button" value="提交">
    </form></td>
  </tr>
</table>
</body>
</html>

【代碼分析】

在代碼中，加粗部分的<textarea name="textarea"cols="45"rows="5"><／textarea>標記將文本區域的名稱設置為textarea，長度設置為45，行數設置為5，在瀏覽器中瀏覽，效果如圖所示。

文本區域元素textarea運行效果

【素材及源碼下載】

請點擊：文本區域元素textarea 下載本實例相關素材及源碼

標簽：表單

上一篇：表單中多項選擇屬性multiple
下一篇：表單水平分割窗口rows

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频