首页 >web前端 >html教程 >html textarea怎么设置大小

html textarea怎么设置大小

青灯夜游
青灯夜游原创
2021-12-13 16:09:3713859浏览

设置方法:1、给textarea设置cols和rows属性,语法“260ce8d6f101ff3f6b8bb25500e92c7f40587128eee8df8f03d0b607fe983014”;2、给extarea添加“width:宽度值;height:高度值;”样式。

html textarea怎么设置大小

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

html textarea设置大小

4750256ae76b6b9d804861d8f69e79d3 标签定义一个多行的文本输入控件。

文本区域中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。

<textarea>我是一个文本框。</textarea>

1.png

可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小,不过更好的办法是使用 CSS 的 height 和 width 属性。

1、使用 cols 和 rows 属性

  • cols:规定文本区域内可见的宽度。

  • rows:规定文本区域内可见的行数,即高度。    

<textarea rows="10" cols="30">我是一个文本框。</textarea>

2.png

2、使用 CSS 的 height 和 width 属性

<textarea style="width: 200px;height: 100px;">我是一个文本框。</textarea>

3.png

推荐教程:《html视频教程

以上是html textarea怎么设置大小的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn