textare输入框

阅读量: 131 编辑

textare输入框

一、语法

  • 标签 <textarea> 表示可以多行输入框(input是单行输入的)。

  • 比如我们在一些网站上输入一些个人描述之类的就是 textarea 标签。当然一些富文本编辑器也是通过 textarea 来实现的,比如写博客时候的编辑器

  • 属性 name:我们提交数据的时候,后台根据 name 来取前端传过去的数据

  • 属性 rows :表示展示 textarea 的时候,默认显示多少行,也就是显示的高度

  • 属性 cols :表示展示 textarea 的时候,模式显示多少列,也就是显示的高度

  • textarea 的内容,必须写在标签之间

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

二、代码实战

代码的详细解读,可以参考视频教程

文件:14.html

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Textarea</title>
    </head>
    <body>
    
        <form method="get" action="http://localhost:8080/xxx.do" enctype="multipart/form-data">
            <ul>
                <li><input name="myname" value="zhangsan" ></li>
                <li>
                    <textarea name="content" cols="50" rows="10" >我是一个换行输入框</textarea>
                </li>
            </ul>

            <button type="submit">提交</button>
        </form>

    </body>
</html>