textarea标签

网页中多行内容的输入，比如博客输入框。

一、语法

代码语言：javascript

复制

<form>
	<textareaname="content">这里是内容</textarea>
</form>

标签 <textarea> 表示可以多行输入框（input是单行输入的）。
比如我们在一些网站上输入一些个人描述之类的就是 textarea 标签。当然一些富文本编辑器也是通过 textarea 来实现的，比如写博客时候的编辑器
属性 name：我们提交数据的时候，后台根据 name 来取前端传过去的数据
属性 rows ：表示展示 textarea 的时候，默认显示多少行，也就是显示的高度
属性 cols ：表示展示 textarea 的时候，模式显示多少列，也就是显示的高度
textarea 的内容，必须写在标签之间

二、代码实战

新建 html 文件 15-textarea.html ，编写下方程序，运行看看效果吧。

代码语言：javascript

复制

<!DOCTYPE html>
<htmllang="en">
&lt;head&gt;
    &lt;metacharset=&#34;UTF-8&#34;&gt;
    &lt;metahttp-equiv=&#34;X-UA-Compatible&#34;content=&#34;IE=edge&#34;&gt;
    &lt;metaname=&#34;viewport&#34;content=&#34;width=device-width, initial-scale=1.0&#34;&gt;
    &lt;title&gt;textarea标签&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;
    &lt;formaction=&#34;/submit.do&#34;method=&#34;get&#34;&gt;
        &lt;textareaname=&#34;desc&#34;rows=&#34;10&#34;cols=&#34;30&#34;&gt;我是一个textarea输入框&lt;/textarea&gt;
        &lt;buttontype=&#34;submit&#34;&gt;提交&lt;/button&gt;
    &lt;/form&gt;
&lt;/body&gt;

</html>