首页 | IT新闻 | 硬件 | 操作系统 | 开发 | 网络编程 | 数据库 | 热门框架 | 网络安全 | 组网 | 建站指南 | 网页制作 | 特效 | 实用技巧 | 服务器 | 办公 | QQ | 探索 | 社区

  • 技术部落
  • 部落首页 > 网页制作 > CSS > 正文
  • 经典 用CSS实现表单form布局
      2007-3-16  来源:网络资源  编辑:Jsbulo  热度:

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