textarea 在浏览器中固定大小和禁止拖动的实现方法


Posted in Javascript onDecember 03, 2016

HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width属性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。

可以通过添加如下两个样式禁用拖动,固定大小:

1:彻底禁用拖动(推荐)

resize: none;

2:只是固定大小,右下角的拖动图标仍在

width: 200px; 

height: 100px; 

max-width: 200px; 

max-height: 100px;

3:浏览器信息:

Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko)Chrome/13.0.782.218 Safari/535.1

以上这篇textarea 在浏览器中固定大小和禁止拖动的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
关于javascript 回调函数中变量作用域的讨论
Sep 11 Javascript
javascript 鼠标拖动图标技术
Feb 07 Javascript
常用的jQuery前端技巧收集
Dec 24 Javascript
jQuery找出网页上最高元素的方法
Mar 20 Javascript
AngularJS自定义插件实现网站用户引导功能示例
Nov 07 Javascript
微信小程序之ES6与事项助手的功能实现
Nov 30 Javascript
Jquery实时监听input value的实例
Jan 26 Javascript
JS实现简单获取最近7天和最近3天日期的方法
Apr 18 Javascript
微信公众号平台接口开发 获取access_token过程解析
Aug 14 Javascript
VUEX采坑之路之获取不到$store的解决方法
Nov 08 Javascript
vue自定义树状结构图的实现方法
Oct 18 Javascript
JavaScript手写数组的常用函数总结
Nov 22 Javascript
浅谈jQuery hover(over, out)事件函数
Dec 03 #Javascript
jquery 多个radio的click事件实例
Dec 03 #Javascript
jquery点击展示与隐藏更多内容
Dec 03 #Javascript
Javascript 实现放大镜效果实例详解
Dec 03 #Javascript
bootstrap模态框垂直居中效果
Dec 03 #Javascript
JS制作类似选项卡切换的年历
Dec 03 #Javascript
JS键盘版计算器的制作方法
Dec 03 #Javascript
You might like
造势之举?韩国总统候选人发布《星际争霸》地图
2017/04/22 星际争霸
php检查函数必传参数是否存在的实例详解
2017/08/28 PHP
php正确输出json数据的实例讲解
2018/08/21 PHP
PHP面向对象程序设计内置标准类,普通数据类型转为对象类型示例
2019/06/12 PHP
JavaScript中检测变量是否存在遇到的一些问题
2013/11/11 Javascript
利用了jquery的ajax实现二级联互动菜单
2013/12/02 Javascript
jQuery判断复选框是否勾选的原理及示例
2014/05/21 Javascript
jQuery插件Timelinr 实现时间轴特效
2015/10/04 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
2017/02/20 Javascript
Vue.js中组件中的slot实例详解
2017/07/17 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
2017/10/11 Javascript
详解webpack模块化管理和打包工具
2018/04/21 Javascript
JavaScript中arguments和this对象用法分析
2018/08/08 Javascript
微信内置浏览器图片查看器的代码实例
2019/10/08 Javascript
JavaScript数组排序小程序实现解析
2020/01/13 Javascript
vue中可编辑树状表格的实现代码
2020/10/31 Javascript
[57:24]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
剖析Python的Tornado框架中session支持的实现代码
2015/08/21 Python
Python基于sftp及rsa密匙实现远程拷贝文件的方法
2016/09/21 Python
python3.6 +tkinter GUI编程 实现界面化的文本处理工具(推荐)
2017/12/20 Python
python 列表删除所有指定元素的方法
2018/04/19 Python
python 定时器,轮询定时器的实例
2019/02/20 Python
Python:slice与indices的用法
2019/11/25 Python
eBay德国站:eBay.de
2017/09/14 全球购物
iHerb中文官网:维生素、保健品和健康产品
2018/11/01 全球购物
时尚孕妇装:HATCH Collection
2019/09/24 全球购物
高二地理教学反思
2014/01/24 职场文书
学子宴答谢词
2014/01/25 职场文书
《三峡》教学反思
2014/03/01 职场文书
奥巴马英文演讲稿
2014/05/15 职场文书
小学爱国卫生月活动总结
2014/06/30 职场文书
消防志愿者活动方案
2014/08/23 职场文书
四风问题查摆材料
2014/08/25 职场文书
2014年采购员工作总结
2014/11/18 职场文书
高中社区服务活动报告
2015/02/05 职场文书
优秀员工演讲稿
2019/06/21 职场文书