textarea标签
网页中多行内容的输入,比如博客输入框。
一、语法
代码语言:javascript复制<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>