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

经典代码：用CSS实现表单form布局

Source Code to Run [www.52css.com]

<style type="text/css"> label{ float: left; width: 80px; } 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 type="submit" id="sbutton" value="确定" /><br /> </form>
    [ 可先修改部分代码 再运行查看效果 ]