textarea标签

鹤川

发布于 2023-03-21 21:43:49

2.2K00

代码可运行

文章被收录于专栏：鹤川博客

运行总次数：0

代码可运行

textarea标签

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

一、语法

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

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

二、代码实战

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

<!DOCTYPE html>
<htmllang="en">

    <head>
        <metacharset="UTF-8">
        <metahttp-equiv="X-UA-Compatible"content="IE=edge">
        <metaname="viewport"content="width=device-width, initial-scale=1.0">
        <title>textarea标签</title>
    </head>
  
    <body>
        <formaction="/submit.do"method="get">
            <textareaname="desc"rows="10"cols="30">我是一个textarea输入框</textarea>
            <buttontype="submit">提交</button>
        </form>
    </body>
  
</html>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023 年 02 月，如有侵权请联系 cloudcommunity@tencent.com 删除

网站