养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

HTML多行文本框怎么设置宽度

时间:2024-10-19 19:49:38

textarea是表单中的一个文本域,经常腩柽鬣盛用来填写文字比较多时才用的文本域,文本域中也可以换行进行输入,在表单设计时,经常会在文本域的宽高,下面小编教教大家如何进行设置

HTML多行文本框怎么设置宽度

工具/原料

电脑

方法/步骤

1、首先在html页面中输入textarea文本域,此次设置先不需要要设置form,只是在页面显示而异

HTML多行文本框怎么设置宽度

2、设置文本域后,进行保存为html后缀格式,并双击运行,如图效果

HTML多行文本框怎么设置宽度

3、文本域本地带有rows和cols两个属性设置大小,如图所示

HTML多行文本框怎么设置宽度

4、对两个属性分别设置了大小后,运行结果显示宽高有变化,如图

HTML多行文本框怎么设置宽度

5、通过设置rows和cols属性大小是有变化,但是并没有嚼秒躞句达到像素大小的变化,这样就可以通过样式属性进行控制宽高样式

HTML多行文本框怎么设置宽度

6、设置完样式,从新刷新页面,文本域就根据样式属性进行宽高变化,这样的样式根据像素统一,好调整带容器的大小,如图所示

HTML多行文本框怎么设置宽度

© 一点知识