html>
<head>
<style>
textarea{
height:800 //设置文本域的高度
widht:400px //设置文本域的宽度
font-size:12px //设置文本域的字体大小
color:#f00 //设置文本域的字体颜色
}
</style>
</head>
<body>
<textarea>
我是文本域文字,
</textarea>
</body>
文本域是textarea标签。想要给文本域标签设置宽度和高度,可以通过rows属性和cols属性,前者是规定显示多少行,后者是一行多少个字符。
当然也可以通过css的方法。通过style属性或者文本域的标签选择器。例如:
<textarea style="width: 100pxheight: 200px">
当然style里面也是可以设置字体样式的。
textarea元素在chrome等浏览器下可以被拖拉从而改变大小,对于查看textarea里面的内容来说相当方便,但是有时候 我们为了保持网页的美观,不得不想要禁掉这个功能,禁止用户随意拉动textarea的大小,其实很简单,只需要用css加一个小小的属性,代码如下:textarea{
resize:none
}
<input name="" type="text" style="width:200pxheight:20px" />