符合网页标准的CSS表单布局实例

<!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>网页标准的CSS网页表单布局</title>
<style type="text/css">
<!--
label{
float:left;
width:80px;
}
form{
margin:0px;
line-height:30px;
}
input{
width:180px;
border:1px solid #808080;
}
textarea{
width:250px;
height:150px;}
#sbutton{
margin-left:80px;
margin-top: 5px;
width:80px;
}
br{
clear:left;
}
-->
</style>
</head>
<body>
<form action="" method="post">
<label for="user">姓名:</label>
<input type="text" id=user name="user" value="" />
<br />
<label for="email">邮件:</label><input type="text" id=email name="email" value="" /><br />
<label for="comment">备注:</label><textarea id=comment name="comment"></textarea><br />
<input type="submit" id="sbutton" value="确定" /><br /></form>
</body>
</html>
  • Tags:

发表评论/留言

为了您的身体健康、潇洒、美丽、帅气,请不要灌水。

/ 快捷键:Ctrl+Enter