html表单中textarea属性如何固定大小

小编给大家分享一下html表单中textarea属性如何固定大小,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

巴林左旗ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!

首先我们先看看HTML表单中的textarea属性固定大小的使用:

HTML标签textarea在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定textarea的尺寸,但大小在浏览器中(firefox、chrome)还是可以调节的,使用CSS的height和width属性效果和rows cols定义的效果相同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。可以通过添加如下样式禁用拖动,固定大小:




如图所示,这就是留言框的固定大小的做法,还保留着右下角的拖动图标,但是没用,根本拖不动,这就固定住了。

HTML表单中的textarea属性本来就是用作多行文本域的属性,现在要仔细说说,当然得说,文本域的使用了。我们来看看一个页面的代码:

文本框

用户名:

密码框(显示为星号和小圆点)

密码:

单选框

单选:

默认选项框

多选:吃饭 睡觉 打豆豆 喝水

留言框

提交按钮

提交:

重置按钮

重置:

这就是表单代码的大部分内容了,最后的留言框是我们今天的文章所描述的:

html表单中textarea属性如何固定大小

看完了这篇文章,相信你对html表单中textarea属性如何固定大小有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


新闻标题:html表单中textarea属性如何固定大小
文章URL:http://scyanting.com/article/jdojii.html