HTML <textarea>用法及代碼示例

在<textarea>標記中定義一個multi-line文本輸入控件。文本空間將容納無限範圍的字符，因此文本以set-width字體(通常為Courier)呈現。
文本區域的大小通常由cols和rows屬性決定，或者可能更好。通過CSS的高度和尺寸屬性。

用法:

<textarea>....</textarea>

屬性：

autofocus:它指定頁麵何時加載，文本區域將自動聚焦
cols:它指定文本區域的寬度是可見的
dirname：指定禁用的文本區域
form:它指定文本區域所屬的一種或多種形式
maxlength:它指定文本區域中允許多少個字符
name:詳細說明要素名稱
placeholder:占位符屬性指定一個簡短提示，用於描述輸入字段/文本區域的期望值
readonly:它顯示文本應該是隻讀的
rows:它顯示文本區域中可見的行數
wrap：它將指定在以表單提交時如何以給定的寬度包裝文本區域中的文本

例：

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>textarea tag</title>  
    <style>  
        h1,  
        h2 {  
            color:green;  
            font-style:italic;  
        }  
          
        body {  
            text-align:center;  
        }  
    </style>  
</head>  
  
<body>  
    <h1>GeeksForGeeks</h1>  
    <h2>HTML Textarea tag </h2>  
    <form action="#">  
        <textarea rows="7"
                cols="50"
                name="comment"> 
              
        </textarea>  
        <input type="submit">  
    </form>  
</body>  
  
</html>

輸出：

支持的瀏覽器：下麵列出了HTML <textarea>標記支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
Firefox
蘋果Safari
Opera

相關用法

注：本文由純淨天空篩選整理自shubham_singh大神的英文原創作品 HTML | <textarea> tag。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。