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 相关文章推荐
Zero Clipboard js+swf实现的复制功能使用方法
Mar 07 Javascript
jquery实现多行文字图片滚动效果示例代码
Oct 10 Javascript
jQuery中map()方法用法实例
Jan 06 Javascript
Javascript编程之继承实例汇总
Nov 28 Javascript
Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
May 23 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
Dec 03 Javascript
集合Bootstrap自定义confirm提示效果
Sep 19 Javascript
react.js 父子组件数据绑定实时通讯的示例代码
Sep 25 Javascript
vue-cli项目中使用Mockjs详解
May 14 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
Jun 03 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
Aug 14 Javascript
基于vue+echarts数据可视化大屏展示的实现
Dec 25 Vue.js
浅谈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
自己动手,丰衣足食 - 短波框形天线制作
2021/03/01 无线电
用PHP的超级变量$_GET获取HTML表单(Form) 数据
2011/05/07 PHP
强烈声明: 不要使用(include/require)_once
2013/06/06 PHP
php获取QQ头像并显示的方法
2014/12/23 PHP
PHP实现通过正则表达式替换回调的内容标签
2015/06/15 PHP
PHP实现的通过参数生成MYSQL语句类完整实例
2016/04/11 PHP
PHP实现Google plus的好友拖拽分组效果
2016/10/21 PHP
php字符集转换
2017/01/23 PHP
php 截取中英文混合字符串的方法
2018/05/31 PHP
laravel自定义分页的实现案例offset()和limit()
2019/10/15 PHP
JavaScript获取GridView中用户点击控件的行号,列号
2009/04/14 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
2013/08/21 Javascript
Json和Jsonp理论实例代码详解
2013/11/15 Javascript
使用firebug进行调试javascript的示例
2013/12/16 Javascript
一个CSS+jQuery实现的放大缩小动画效果
2014/02/19 Javascript
关于JavaScript命名空间的一些心得
2014/06/07 Javascript
Javascript中String的常用方法实例分析
2015/06/13 Javascript
DOM事件探秘篇
2017/02/15 Javascript
JavaScript中运算符规则和隐式类型转换示例详解
2017/09/06 Javascript
判断js数据类型的函数实例详解
2019/05/23 Javascript
[55:35]VGJ.S vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
Python正则表达式匹配中文用法示例
2017/01/17 Python
Python中模块string.py详解
2017/03/12 Python
python pcm音频添加头转成Wav格式文件的方法
2019/01/09 Python
Python转换字典成为对象,可以用"."方式访问对象属性实例
2020/05/11 Python
Python爬虫实例之2021猫眼票房字体加密反爬策略(粗略版)
2021/02/22 Python
10 套华丽的CSS3 按钮小结
2012/10/03 HTML / CSS
HTML5打开手机扫码功能及优缺点
2017/11/27 HTML / CSS
纽约海:Sea New York
2018/11/04 全球购物
L’Artisan Parfumeur官网:法国香水品牌
2020/08/11 全球购物
物业门卫岗位职责
2013/12/28 职场文书
财务会计人员求职的自我评价
2014/01/13 职场文书
校园广播稿500字
2014/02/04 职场文书
优秀毕业生就业推荐信
2014/05/22 职场文书
高中地理教学反思
2016/02/19 职场文书
德劲DE1108畅想
2021/04/22 无线电