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

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

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

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

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

通常是怎么做的?

当前回答

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

其他回答

CSS

input
{
    width: 300px;
    height: 40px;
}

HTML

<textarea rows="4" cols="50">HELLO</textarea>

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

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

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

文本区域 { 高度：自动; } <行的文本=“10”></textarea>

这将触发浏览器将textarea的高度EXACTLY设置为行数加上它周围的填充。将CSS高度设置为精确的像素数量会留下任意的空白。

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

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

推荐文章