当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。