• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    用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>

     

    上一篇:解决URL中含有-与号-不符合标准问题
    下一篇:CSS关于相对定位和绝对定位的说明实例
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    用CSS实现表单form布局 用,CSS,实现,表单,form,布局,