主页 > 知识库 > 用CSS实现表单form布局

用CSS实现表单form布局

热门标签:400电话办理安徽 电销智能机器人靠谱么 沸思外呼线路 石家庄电话机器人电话 南通电话外呼系统开发 江西防封卡外呼系统怎么安装 电销机器人的宣传语 北京销售外呼系统线路 南宁外呼电销系统招商

出处: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>

 

标签:云南 来宾 盐城 衢州 阳泉 宁夏 北海 晋中

巨人网络通讯声明:本文标题《用CSS实现表单form布局》,本文关键词  用,CSS,实现,表单,form,布局,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《用CSS实现表单form布局》相关的同类信息!
  • 本页收集关于用CSS实现表单form布局的相关信息资讯供网民参考!
  • 推荐文章