textarea 在浏览器中固定大小和禁止拖动
HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea 的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width 属性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面变得不美观。可以通过添加如下两个样式禁用拖动,固定大小:
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;
<tr> <th align="left">备 注:</th> <td> <textarea name="remark" cols="36" rows="8" id="content" style="border: 1 solid #888888;LINE-HEIGHT:18px;padding: 3px;width:370px;hight:170px;max-width: 370px;max-height: 170px;resize: none;"></textarea> </td> </tr>
发表评论
-
jquery方法扩展使用
2014-12-02 19:28 798//非负浮点数 保留一位小数---添加到jquery.vali ... -
jquery操作select值,jqery设置select值
2014-10-15 21:26 1162每一次操作select的时候,总是要出来翻一下资料,不如自己总 ... -
jquery ajax相关操作
2014-09-28 13:50 853--ajax 请求当有记录时给予提交,rows为0时提示提示框 ... -
jquery ajax和data的使用
2014-09-04 14:58 1151function print(selId){ $. ... -
Js中parseFloat()精度问题
2014-07-08 16:11 2374<!DOCTYPE HTML PUBLIC " ... -
jquery attr()属性
2014-07-04 19:07 3080在JS中设置节点的属性与属性值用到setAttribute() ... -
CSS中line-height与height的区别
2014-07-03 19:32 1529CSS中line-height与height的区别? lin ... -
freemarker为空判断详细
2014-05-27 22:08 53092freemarker里面判断为空只有??,后来查找其他文档才发 ... -
FreeMarker中if标签内的判断条件
2014-05-13 18:41 17706FreeMarker中if标签内的判断条件 FreeMark ... -
FreeMarker 对null值的处理
2014-05-05 17:40 2689以下引用官方描述: The FreeMarker temp ... -
freemarker ?datetime ? time ?date
2014-04-30 16:28 2745?date,?time和?datetime,因为你指定的格式告 ... -
div设置显示与隐藏、边框等
2014-04-30 16:24 25321.div 设置隐藏后页面占 ... -
div设置显示与隐藏、边框等
2014-04-30 16:22 18731.div 设置隐藏后页面占 ... -
用jquery计算前两个文本框的结果等于第三个文本框
2014-04-23 21:19 1438//本记录是结束里程数-起始里程数=运行里程数 //其它 ... -
jQuery.validate使用手册-详解
2014-04-09 14:22 1227jQuery.validate是一款非常不错的表单验证工具,简 ... -
jQuery对表单元素的取值和赋值操作
2014-04-08 22:13 1456jQuery对表单元素的取值 ... -
JQuery获取input type="text"中的值的各种方式
2014-04-08 22:09 2125<!DOCTYPE html PUBLIC " ... -
freemarker list (长度,遍历,下标,嵌套,排序)
2014-03-13 09:56 137701. freemarker获取list的size : ... -
Extjs Config和Mixins
2014-03-05 13:23 1102Extjs 4中,为类型系统引入了Config概念,Con ... -
js回调函数
2014-03-04 11:40 1109回调函数(Callback Functions ...
相关推荐
应用了这段CSS后,textarea元素将无法通过拖动边角来改变尺寸,其大小将固定为原始定义的宽度和高度。不过,这并不意味着你不能动态地改变 `textarea` 的尺寸。在JavaScript或者CSS响应式设计中,你仍然可以根据需要...
就可以规定 textarea的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width属性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面...
如果你使用谷歌浏览器或火狐浏览器,你会发现页面上的...但是,有时候是应用的需要,Web程序员需要禁止这个可以调整textarea大小的功能(IE完全没这个问题!),也就是去掉右下角的小三角,有什么办法呢?很简单,使用CSS
除了`resize:none`属性外,还有一种方式可以间接控制`<textarea>`的大小,即通过设置`height`和`width`属性来固定其尺寸: ```html <textarea style="height:200px; width:300px;" rows="4" cols="50"> 这里是默认...
2. 禁止textarea调整大小 默认情况下,textarea元素是允许用户通过拖动其右下角来改变其大小的。但是,如果设计师希望固定textarea的尺寸,可以通过设置resize属性为none来实现。这样,元素不再允许用户进行调整...
开发者可能会遇到另一个问题,即通过设置`<textarea>`的`cols`和`rows`属性来设定文本区域的大小,但用户在使用时仍能通过拖拽来改变文本区域的尺寸,这可能会影响到页面布局的整洁性和美观性。为固定文本区域的大小...
3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊字符 3.10 判断文本中回车的数量 3.11 判断字符串中有多少汉字 3.12 去除字符串的前后空格 3.13 刷新时清空所有文本框 3.14 ...
3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊字符 3.10 判断文本中回车的数量 3.11 判断字符串中有多少汉字 3.12 去除字符串的前后空格 3.13 刷新时清空所有文本框 3.14 ...