首页 > 软件开发 > HTML >

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

来源:互联网 2023-03-16 19:11:20 版权归原作者所有,如有侵权,请联系我们

textarea是表单中的一个文本域,经常用来填写文字比较多时才用的文本域,文本域中也可以换行进行输入,在表单设计时,经常会在文本域的宽高,下面小编教教大家如何进行设置MFu办公区 - 实用经验教程分享!

HTML多行文本框怎么设置宽度MFu办公区 - 实用经验教程分享!

工具/原料

  • 电脑

方法/步骤

  • 1

    首先在html页面中输入textarea文本域,此次设置先不需要要设置form,只是在页面显示而异MFu办公区 - 实用经验教程分享!

    HTML多行文本框怎么设置宽度MFu办公区 - 实用经验教程分享!

  • 2

    设置文本域后,进行保存为html后缀格式,并双击运行,如图效果MFu办公区 - 实用经验教程分享!

    HTML多行文本框怎么设置宽度MFu办公区 - 实用经验教程分享!

  • 3

    文本域本地带有rows和cols两个属性设置大小,如图所示MFu办公区 - 实用经验教程分享!

    HTML多行文本框怎么设置宽度MFu办公区 - 实用经验教程分享!

  • 4

    对两个属性分别设置了大小后,运行结果显示宽高有变化,如图MFu办公区 - 实用经验教程分享!

    HTML多行文本框怎么设置宽度MFu办公区 - 实用经验教程分享!

  • 4
  • 5

    通过设置rows和cols属性大小是有变化,但是并没有达到像素大小的变化,这样就可以通过样式属性进行控制宽高样式MFu办公区 - 实用经验教程分享!

    HTML多行文本框怎么设置宽度MFu办公区 - 实用经验教程分享!

  • 6

    设置完样式,从新刷新页面,文本域就根据样式属性进行宽高变化,这样的样式根据像素统一,好调整带容器的大小,如图所示MFu办公区 - 实用经验教程分享!

    HTML多行文本框怎么设置宽度MFu办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!MFu办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号