HTML 中的 <textarea>属性

首页 / HTML入门教程 / HTML 中的 <textarea>属性

HTML <textarea>标签在表单中用于声明textarea元素-一种允许用户在多行中输入文本的控件。

Textarea示例

<!DOCTYPE html>
<html>

   <head>
      <title>HTML textarea Tag</title>
   </head>

   <body>
      <form action="/cgi-bin/hello_get.cgi" method="get">
         Fill the Detail: 
         <br />
         
         <textarea rows="5" cols="50" name="description">
            Enter your name
         </textarea>
         
         <input type="submit" value="submit" />
      </form>
   </body>

</html>

这将产生以下结果-

全局属性

此标签支持- HTML属性参考中所述的所有全局属性。

特定属性

HTML <textarea>标签还支持以下附加属性-

Attribute Value 描述
autofocus html-5 autofocus 指定在页面加载时文本区域应自动获得焦点。
cols number 根据可见字符宽度的数量指定文本区域的宽度。
disabled disabled 根据可见字符宽度的数量指定文本区域的宽度。
formhtml-5 form_id 指定一种或多种形式。
maxlengthhtml-5 number 指定文本区域中的最大字符数。
name text 为输入控件分配一个名称。
placeholder html-5 text 指定文本区域中值的简短提示。
readonly readonly 将输入控件设置为只读。不允许用户更改值。
requiredhtml-5 required 指定需要文本区域。
rows number 根据文本的可见行数指定文本区域的高度。如果文本超出了此范围,则用户可以使用textarea的滚动条进行滚动。
wrap html-5 hard
soft
指定要包装在textarea中的文本。

事件属性

此标签支持- HTML事件参考 中所述的所有事件属性。

浏览器支持

Chrome Firefox IE Opera Safari Android
Yes Yes Yes Yes Yes Yes

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

左耳听风 -〔陈皓〕

硅谷产品实战36讲 -〔曲晓音〕

10x程序员工作法 -〔郑晔〕

Flutter核心技术与实战 -〔陈航〕

从0打造音视频直播系统 -〔李超〕

互联网人的英语私教课 -〔陈亦峰〕

Python自动化办公实战课 -〔尹会生〕

性能优化高手课 -〔尉刚强〕

云时代的JVM原理与实战 -〔康杨〕

好记忆不如烂笔头。留下您的足迹吧 :)