textarea不太清楚中的cols="10"和这个 rows="3",,在编程中改动它们都没有变化啊,它们到底有什么用啊,加了好像和没加一样
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body{font-family:"微软黑体"; font-size:12px;
}
body,form,input,select,textarea{
margin:0;
padding:0;
list-style:none;
border:none;
background-color:transparent;}
.content{
height:418px;
padding-top:35px;
background:url(detail.jpg) no-repeat;}
.title
{
width:739px;
height:30px;
border-top:2px dotted #83775e;
border-bottom:2px dotted #666;
text-align:center;
font-size:18px;
}
#list{
width:743px;
margin:50px auto;
}
.txt{
width:739px;
height:300px;
border-top:2px dotted #83775e;
margin-top:10px;
font-size:24px;
}
.choose{
height:30px;
padding:12px 0 0 5px;
background-color:#b6ac94;
font-weight:bold;
}
select{
width:80px;
border:1px solid #666;
background-color:#000;
}
.choosel{
width:100px;
margin-right:20px;
}
.btn{
margin-top:10px;
}
.btn1,.btn2,.btn3{
width:100px;
height:24px;
background-color:#eee;
border:1px solid #ccc;
}
.btn1{background-color:#b6ac94;}
.btn3{margin-left:425px;}
</style>
</head>
<body>
<form action="#" method="post" id="list">
<div class="content">
<input class="title" type="text" value="请输入日志标题"/>
<textarea class="txt" cols="30" rows="10"></textarea>
</div>
<div class="choose">
<span>分类:</span>
<select class="choosel">
<option>文章转载</option>
<option selected="selected">个人日志</option>
<option>游戏人生</option>
</select>
<span>权限:</span>
<select>
<option>公开</option>
<option">好友可见</option>
<option>个人可见</option>
</select>
</div>
<div class="btn">
<input class="btn1" type="submit" value="发 表"/>
<input class="btn2" type="reset" value="取消"/>
<input class="btn3" type="button" value="保存草稿"/>
</div>
</form>
</body>
</html>