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

用CSS实现表单form布局

热门标签:美图手机 服务器配置 铁路电话系统 呼叫中心市场需求 银行业务 网站文章发布 检查注册表项 智能手机

出处: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布局》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266