用CSS实现表单form布局_ Div+Css教程-查字典教程网
用CSS实现表单form布局
用CSS实现表单form布局
发布时间:2016-12-29 来源:查字典编辑
摘要:出处:http://blog.donews.com/dodo/archive/2005/06/18/434979.aspx在TABLE布局中...

出处:http://blog.donews.com/dodo/archive/2005/06/18/434979.aspx

在TABLE布局中设计Form,一般都是用2个td来布局,如果不用table,用CSS怎么做呢?看看下面的代码

<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>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类