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>

这将产生以下结果-

链接:https://www.learnfk.comhttps://www.learnfk.com/html/html-textarea-tag.html

来源:LearnFk无涯教程网

全局属性

此标签支持- 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

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

技术教程推荐

人工智能基础课 -〔王天一〕

软件工程之美 -〔宝玉〕

Vue开发实战 -〔唐金州〕

玩转webpack -〔程柳锋〕

编辑训练营 -〔总编室〕

浏览器工作原理与实践 -〔李兵〕

Node.js开发实战 -〔杨浩〕

Netty源码剖析与实战 -〔傅健〕

雷蓓蓓的项目管理实战课 -〔雷蓓蓓〕

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