用CSS布局表单

2017-06-07 18:38:00
admin
原创
308
<html>

         <head>

                   <title>实训:用CSS布局表单</title>

                   <style type="text/css">

                            <!--

                                     label{

                                               float: left;

                                               width: 120px;

                                               font-weight: bold;

                                     }

                                     input, textarea{

                                               width: 120px;

                                               margin-bottom: 5px;

                                     }

                                     textarea{

                                               width: 250px;

                                               height: 150px;

                                     }

                                     .boxes{

                                               width: 1em;

                                     }

                                     #submitbutton{

                                               margin-left: 120px;

                                               margin-top: 5px;

                                               width: 90px;

                                     }

                                     br{

                                               clear: left;

                                     }

                            -->

                   </style>

         </head>

         <body bgcolor="#FFFFFF" text="#000000">

                   <form>

                            <label for="user">姓&nbsp;&nbsp;&nbsp;&nbsp;名:</label>

                            <input type="text" id="user" value="" /><br />

                            <label for="emailaddress">电子邮箱:</label>

                            <input type="text" id="emailaddress" value="" /><br />

                            <label for="comments">评&nbsp;&nbsp;&nbsp;&nbsp;论:</label>

                            <textarea id="comments"></textarea><br />

                            <label for="terms">是否同意条款?</label>

                            <input type="checkbox" id="terms" class="boxes" /><br />

                            <input type="submit" name="submition" id="submitbutton" value="提交" />

                   </form>

         </body>

</html>
文章分类
联系我们
电话: 18902328227
Email: 2689701946@qq.com
QQ: 2689701946
微信: 18902328227
地址: 广州番禺区繁华路
  • 在线客服
  • 关注微信
  • 联系电话
    • 欢迎咨询
    • 欢迎加入QQ群 303257430
  • 公众号:源宝网络
    • 联系电话及微信号 18902328227