您好,登录后才能下订单哦!
小编给大家分享一下html表单中textarea属性如何固定大小,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!
首先我们先看看HTML表单中的textarea属性固定大小的使用:
HTML标签textarea在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定textarea的尺寸,但大小在浏览器中(firefox、chrome)还是可以调节的,使用CSS的height和width属性效果和rows cols定义的效果相同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。可以通过添加如下样式禁用拖动,固定大小:
<html> <head> </head> <form> <textarea id='memo'style="min-height:50px;min-width:70px;max-height:50px;max-width:70px;">这是亿速云的留言框 </textarea> </form> </html>
如图所示,这就是留言框的固定大小的做法,还保留着右下角的拖动图标,但是没用,根本拖不动,这就固定住了。
HTML表单中的textarea属性本来就是用作多行文本域的属性,现在要仔细说说,当然得说,文本域的使用了。我们来看看一个页面的代码:
<form action="url地址" method=“get/post” name="表单名称"> <p>文本框</p> 用户名:<input type="text" name="username"> <p>密码框(显示为星号和小圆点)</p> 密码:<input type="password" name="password"> <p>单选框</p> 单选:<input type="radio" name="sex" value="nan">男 <input type="radio" name="sex" value="nv">女 <p>默认选项框</p> 多选:<input type="checkbox" name="">吃饭 <input type="checkbox" name="" checked=“checked”>睡觉 <input type="checkbox" name="">打豆豆 <input type="checkbox" name="">喝水 <p>留言框</p> <textarea id='memo' style="min-height: 50px;min-width: 70px;max-height: 50px; max-width: 70px;" ></textarea> <p>提交按钮</p> 提交:<input type="submit" name=""> <p>重置按钮</p> 重置:<input type="reset" name=""> </form>
这就是表单代码的大部分内容了,最后的留言框是我们今天的文章所描述的:
看完了这篇文章,相信你对html表单中textarea属性如何固定大小有了一定的了解,想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。