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

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

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

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

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

通常是怎么做的?

当前回答

对于文本区域，我们可以使用下面的css来固定大小

    <textarea  class="form-control" style=" min-width:500px; max-width:100%;min-height:50px;height:100%;width:100%;" ></textarea>

在angularjs和angar7中测试

其他回答

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

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

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

HTML行和cols没有响应!

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

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

根据w3c, cols和rows都是textarea的必需属性。行和Cols是将适合文本区域的字符数，而不是像素或其他潜在的任意值。顺着row /cols走。

我建议两者都用。如果客户端不支持CSS，行和cols是必需的，也是有用的。但作为一名设计师，我会重写它们以获得我想要的尺寸。

推荐的方法是通过外部样式表。

textarea { 宽度:300 px; 身高:150 px; ｝ textarea > < textarea > < /

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

推荐文章