`

textarea 固定大小和禁止拖动

阅读更多
textarea 在浏览器中固定大小和禁止拖动
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>

分享到:
评论

相关推荐

    固定textarea文本域尺寸

    应用了这段CSS后,textarea元素将无法通过拖动边角来改变尺寸,其大小将固定为原始定义的宽度和高度。不过,这并不意味着你不能动态地改变 `textarea` 的尺寸。在JavaScript或者CSS响应式设计中,你仍然可以根据需要...

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

    就可以规定 textarea的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width属性,但是Chrome,Safari和FireFox渲染的效果不同,可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局,使页面...

    使用CSS禁止textarea调整大小功能的方法

    如果你使用谷歌浏览器或火狐浏览器,你会发现页面上的...但是,有时候是应用的需要,Web程序员需要禁止这个可以调整textarea大小的功能(IE完全没这个问题!),也就是去掉右下角的小三角,有什么办法呢?很简单,使用CSS

    textarea标签大小不可变不能通过鼠标拖动的方式来拖动

    除了`resize:none`属性外,还有一种方式可以间接控制`&lt;textarea&gt;`的大小,即通过设置`height`和`width`属性来固定其尺寸: ```html &lt;textarea style="height:200px; width:300px;" rows="4" cols="50"&gt; 这里是默认...

    CSS样式去除input和textarea点击选中框

    2. 禁止textarea调整大小 默认情况下,textarea元素是允许用户通过拖动其右下角来改变其大小的。但是,如果设计师希望固定textarea的尺寸,可以通过设置resize属性为none来实现。这样,元素不再允许用户进行调整...

    textarea布局时文字在左下边且不能改变大小尺寸的解决方法

    开发者可能会遇到另一个问题,即通过设置`&lt;textarea&gt;`的`cols`和`rows`属性来设定文本区域的大小,但用户在使用时仍能通过拖拽来改变文本区域的尺寸,这可能会影响到页面布局的整洁性和美观性。为固定文本区域的大小...

    《程序天下:JavaScript实例自学手册》光盘源码

    3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊字符 3.10 判断文本中回车的数量 3.11 判断字符串中有多少汉字 3.12 去除字符串的前后空格 3.13 刷新时清空所有文本框 3.14 ...

    程序天下:JavaScript实例自学手册

    3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊字符 3.10 判断文本中回车的数量 3.11 判断字符串中有多少汉字 3.12 去除字符串的前后空格 3.13 刷新时清空所有文本框 3.14 ...

Global site tag (gtag.js) - Google Analytics