html代码html textarea怎么设置大小

 所属分类:web前端开发

 浏览:221次-  评论: 0次-  更新时间:2022-10-17
描述:更多教程资料进入php教程获得。 设置方法:1、给textarea设置cols和rows属性,语法“<textarea rows="数值" cols="数值"></textarea>”;...
更多教程资料进入php教程获得。

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

前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

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

html textarea设置大小

<textarea> 标签定义一个多行的文本输入控件。

文本区域中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 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怎么设置大小的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: html,textarea,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!