【问题标题】:HTML textarea tag size changing [duplicate]HTML textarea标签大小改变[重复]
【发布时间】:2016-08-19 06:02:46
【问题描述】:

所以,我正在使用 textarea 标签,我想问一些事情:

1) 任何用户都可以更改框的大小,但可以阻止吗?如果是,怎么做?

2) 是否可以(不阻止盒子的大小变化)设置最大高度或宽度?

提前致谢

【问题讨论】:

  • 为什么要首先阻止它?为了用户的方便而存在这种可能性,例如如果他们使用放大的字体。它对传输的数据的影响为零。无论哪种方式,请始终记住 Google - HTML textarea prevent resize 将为您提供所需的一切

标签: html css


【解决方案1】:

要禁用调整 textarea 的大小,请使用 resize:none; 并控制最大宽度和高度,请使用 CSS 中的 max-heightmax-width 属性。

textarea.noResize{
  resize:none;  
}
textarea.heightControl{
  max-height:100px;
  max-width:500px;
}
<textarea class="noResize"></textarea>
<textarea class="heightControl"></textarea>

【讨论】:

    【解决方案2】:

    要禁用调整文本区域的大小并控制最大大小,请将其添加到您的 css 文件中:

    textarea {
       resize: none;
       max-height : 100px;
       max-width : 100px;
    }
    

    只需将像素值调整为您希望的值。但是请注意:如果某些用户希望修改文本区域的大小,这可能会令他们烦恼。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-07-22
      • 2021-05-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多