zoukankan      html  css  js  c++  java
  • 案例&网上调查问卷

    ---恢复内容开始---

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>世界杯调查问卷</title>
    <style type="text/css">
    table.outside{ /* 外层表格 */
    background:url(images/bj.jpg);
    font-size:12px;
    padding:0px;
    }
    td.title{ /* 表格标题 */
    color:#FFFFFF;
    font-weight:bold;
    text-align:center;
    padding-top:3px;
    padding-bottom:0px;
    }
    td.tdoutside{
    padding:0px 1px 4px 1px;
    }
    table.inside{ /* 内层表格 */
    269px;
    font-size:12px;
    padding:0px;
    margin:0px;
    }
    td.tdinside{
    padding:7px 0px 7px 10px;
    background-color:#84EA89;
    }
    form{
    margin:0px; padding:0px;
    }
    input{
    font-size:12px;
    }
    a{
    color:#FFF;
    text-decoration:underline;
    font-weight: bold;
    }

    </style>
    </head>

    <body>
    <table class="outside">
    <tr>
    <td class="title">世界杯调查问卷</td></tr>
    <tr><td class="tdoutside">
    <form method="post">
    <table class="inside" cellspacing="0">
    <tr>
    <td class="tdinside">
    你认为哪个球队可能成为本届世界杯的黑马?<br>
    <input type="checkbox" name="checkbox" id="checkbox" />
    A 日本
    <input type="checkbox" name="checkbox" id="checkbox2" />
    B 比利时
    <input type="checkbox" name="checkbox" id="checkbox3" />
    C 波黑
    <input type="checkbox" name="checkbox" id="checkbox4" />
    D 智利
    <br />
    <input type="checkbox" name="checkbox" id="checkbox5" />
    E 韩国
    <input type="checkbox" name="checkbox" id="checkbox6" />
    F 黑西哥
    <input type="checkbox" name="checkbox" id="checkbox7" />
    G 其他
    <br>
    <input type="submit" value="提交">
    <input type="button" name="viewresult" value="查看"> <a href="#">足球先锋报联合评选</a>
    </td>
    </tr>
    </table>
    </form>
    </td></tr>
    </table>

    </body>
    </html>

    效果如下图所示:

    ---恢复内容结束---

  • 相关阅读:
    TCP/IP断网仍然显示连通状态禁止“媒体感知”
    ASP.NET页面优化,提高载入速度方法大全
    国家气象局提供
    datatable&list<T>
    windows mobile C# net3.5 如何捕捉Arrow的CheckBox的KeyDown事件?
    hhclass 类 RAPI OpenNETCF.Desktop.Communication.DLL相关下载
    string和stringBuilder区别
    windows mobile全屏设置笔记
    CSS浮动(float,clear)通俗讲解
    js图片延时加载(jquery特效)
  • 原文地址:https://www.cnblogs.com/Dyyuan/p/4850823.html
Copyright © 2011-2022 走看看