歌特中国

此篇文章体现 lable 与 clear 的用处。看下面代码与示例！

<style type=”text/css”>
label { float: left; width: 40px;}
form { margin:0px}
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>
<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 name=”submit” type=”submit” id=”sbutton” value=”确定” />
</form>

谷歌搜索:DIV+CSS网页布局:用CSS实现表单form布局
百度搜索:DIV+CSS网页布局:用CSS实现表单form布局
雅虎搜索:DIV+CSS网页布局:用CSS实现表单form布局
搜狗搜索:DIV+CSS网页布局:用CSS实现表单form布局
搜搜搜索:DIV+CSS网页布局:用CSS实现表单form布局

DIV-CSS网页布局, 用CSS实现表单form布局