textarea标签是用来定义一个多行的文本输入控件，在文本输入域中可以输入任意长度的文本。还可以使用php等程序将此处输入的值发送到服务器，本篇文章我们就来详细介绍关于html中textarea标签的用法。
我们先来简单看一下input标签和textarea标签之间的区别
通过将type属性设置为text ，input标签可以获得与textarea标签类似的效果。
但是，使用input标签只能输入一行文本，如果你想输入多行文本，我们可以使用textarea标签。
立即学习“前端免费学习笔记（深入）”；
如何使用textarea标签？
我们可以使用textarea标签指定行数和列数
代码如下
<html> <form action="/form.php" method="post"> <p> <label for="message">内容</label> <textarea id="message" name="message" cols="50" rows="10"></textarea> </p> <input type="submit" value="发送"> </form></html>
运行效果如下
在textarea标签中，大小分别在cols属性（水平方向）和rows属性（垂直方向）中确定。
确定最大字符数
示例代码如下
<html> <form action="/form.php" method="post"> <p> <label for="message">内容</label> <textarea id="message" name="message" cols="50" rows="10" maxlength="20"></textarea> </p> <input type="submit" value="发送"> </form></html>
运行结果如下
在这种情况下，除了上面的代码之外，还使用maxlength属性设置了最大字符数。
最后我们也可以设置textarea标签，使其无法更改预先写入的文本
代码如下
<html> <form action="/form.php" method="post"> <p> <label for="message">内容</label> <textarea id="message" name="message" cols="50" rows="10" maxlength="20" readonly>这有这个内容</textarea> </p> <input type="submit" value="发送"> </form></html>
运行结果如下
在这种情况下，通过设置 readonly属性，我将其设置为不能更改已添加的内容。
标签： textarea标签
免责声明：本站内容仅用于学习参考，信息和图片素材来源于互联网，如内容侵权与违规，请联系我们进行删除，我们将在三个工作日内处理。联系邮箱：chuangshanghai#qq.com（把#换成@）