本篇文章主要的介绍了关于html表单中的textarea属性的固定的大小使用的文本域,可以用作网页的留言框,下方还有具体的表单页面详解,接下来就让我们一起看这篇关于html表单中的textarea属性的文章。
首先我们先看看HTML表单中的textarea属性固定大小的使用:
HTML标签textarea在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定textarea的尺寸,但大小在浏览器中(firefox、chrome)还是可以调节的,使用CSS的height和width属性效果和rows cols定义的效果相同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。可以通过添加如下样式禁用拖动,固定大小:
这个代码的在浏览器中显示如下:

立即学习“前端免费学习笔记(深入)”;
如图所示,这就是留言框的固定大小的做法,还保留着右下角的拖动图标,但是没用,根本拖不动,这就固定住了。
HTML表单中的textarea属性本来就是用作多行文本域的属性,现在要仔细说说,当然得说,文本域的使用了。我们来看看一个页面的代码:
文本框
用户名:密码框(显示为星号和小圆点)
密码:单选框
单选:男 女默认选项框
多选:吃饭 睡觉 打豆豆 喝水留言框
提交按钮
提交:重置按钮
重置:
这就是表单代码的大部分内容了,最后的留言框是我们今天的文章所描述的:

如上就是关于文本域textarea属性的用法了,更多的可以大家去发现,发现了记得来这下方留言哦
想学更多就上PHP中文网,一个满足你所有想学编程的网站。
【小编推荐】
html中的ol标签如何去掉标号呢?标签的使用方法总结
HTML中ul标签如何去掉点?HTML无序列表的样式实例解析
以上就是html表单中textarea属性怎么固定大小?textarea属性实例介绍的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1546879.html
微信扫一扫
支付宝扫一扫