我应该大小与CSS宽度/高度或HTML cols /行属性的文本区域?

每次我开发一个包含文本区域的新表单时，当我需要指定它的尺寸时，我都有以下困境:

使用CSS或使用文本区域的属性cols和行?

每种方法的优缺点是什么?

使用这些属性的语义是什么?

通常是怎么做的?

当前回答

文本区域的一个主要特征是它们是可扩展的。在网页上，如果文本长度超过了你设置的空间(无论是使用行还是使用CSS)，就会导致文本区域出现滚动条。这可能是一个问题，当用户决定打印，特别是“打印”到PDF -所以设置一个舒适的大最小高度打印文本区域的CSS条件规则:

@media print { 
textarea {
min-height: 900px;  
}
}

其他回答

我通常不指定高度，但会指定宽度:……还有一排排和cols。

通常，在我的情况下，只需要宽度和行，textarea看起来很好，相对于其他elems。(如果有人不使用CSS, cols是一个备用方案，正如在其他答案中解释的那样。)

((同时指定行和高度感觉有点像复制数据吗?))

文本区域的大小可以通过cols和rows属性指定，甚至更好;通过CSS的高度和宽度属性。所有主流浏览器都支持cols属性。一个主要的区别是<TEXTAREA…>是一个容器标记:它有一个开始标记()。

如果你不是每次都使用line-height:'..';属性控制textarea的高度，width属性控制textarea的宽度。

或者你可以通过下面的css来使用font-size:

#sbr {
  font-size: 16px;
  line-height:1.4;
  width:100%;
}

 <textarea style="width:300px; height:150px;" ></textarea>

HTML行和cols没有响应!

我用CSS定义了大小。提示:如果你为手机定义了一个小尺寸，可以考虑使用textarea:focus {};

在这里添加一些额外的空间，它只会在用户真正想要写一些东西的时候展开

推荐文章