表單文本區(qū)域元素textarea

2012/11/22 10:22:55作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

當(dāng)需要讓瀏覽者填人多行文本時(shí)，就應(yīng)該使用文本區(qū)域而不是文本字段了。和其他大多數(shù)表單對(duì)象不一樣，文本區(qū)域使用的是textarea標(biāo)記而不是input標(biāo)記。

【基本語法】

【語法介紹】

在該語法中，cols用于設(shè)置文本域的列數(shù)，也就是其寬度。rows用于設(shè)置文本域的行數(shù)，也就是高度值，當(dāng)文本內(nèi)容超出這一范圍時(shí)會(huì)出現(xiàn)滾動(dòng)條。

【實(shí)例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文本區(qū)域元素</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>請(qǐng)您提出寶貴的意見：</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>標(biāo)記將文本區(qū)域的名稱設(shè)置為textarea，長(zhǎng)度設(shè)置為45，行數(shù)設(shè)置為5，在瀏覽器中瀏覽，效果如圖所示。

文本區(qū)域元素textarea運(yùn)行效果