【HTML 教程系列第 23 篇】什么是 HTML 中的多行文本框 textarea

253 阅读1分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第20天,点击查看活动详情

这是【HTML 教程系列第 23 篇】,如果觉得有用的话,欢迎关注专栏。

在 HTML 中,如果想输入多行文本,就需要用到多行文本框 textarea 标签。

语法

	<form>
        <textarea rows="显示的行数" cols="显示的行数" value="取值">默认内容</textarea>
	</form>

属性 rows 和 cols ,这两个我们几乎不会用到,了解一下就行,因为多行文本框的行列(宽高),还是用CSS 来控制。

如何给多行文本框设置默认显示内容

一般情况下,我们不需要设置多行文本框的默认显示内容,不过如果你想这样做,只需要在 textarea 标签内部设置默认显示的文字即可,局部代码如下所示

	<form>
        留言区 <br/>
        <textarea rows="10" cols="20">请输入给我的留言</textarea>
	</form>

浏览器运行效果如下所示

在这里插入图片描述

需要注意的是,默认显示文本是在标签内部设置的,而不是在属性 value 中设置的。

关于 HTML 中的文本框

  • HTML 有三种文本框,分别是单行文本框、密码文本框、多行文本框。
  • 单行文本框和密码文本框使用的是 input 标签,而多行文本框使用的是 textarea 标签。

你的问题得到解决了吗?欢迎在评论区留言。

赠人玫瑰,手有余香,如果觉得文章不错,希望可以给个一键三连,感谢。


结束语

技术是一点一点积累的,大神也不是一天就可以达到的。原地不动就是退步,所以每天进步一点点。

最后,附上一句格言:"好学若饥,谦卑若愚",望共勉。