html综合案例-注册页面-pink老师

@综合案例——注册页面——pink老师

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h4>青春不常在,抓紧谈恋爱</h4>
    <table cellspacing="20">
        <tr>
            <td>性别</td>
            <td>
                <input type="radio" name="sex" id="nan"><label for="nan"><img src="images/man.jpg" alt="">男</label>
                <input type="radio" name="sex" id="nv"><label for="nv"><img src="images/women.jpg" alt="">女</label>
            </td>
        </tr>
        <tr>
            <td>生日</td>
            <td><select>
                    <option value="">--请选择年--</option>
                    <option value="">1997</option>
                    <option value="">1998</option>
                    <option value="">1999</option>
                    <option value="">2000</option>
                    <option value="">2001</option>
                </select>
                <select>
                    <option value="">--请选择月--</option>
                    <option value="">1</option>
                    <option value="">2</option>
                    <option value="">3</option>
                    <option value="">4</option>
                    <option value="">5</option>
                    <option value="">6</option>
                    <option value="">7</option>
                    <option value="">8</option>
                    <option value="">9</option>
                    <option value="">10</option>
                    <option value="">11</option>
                    <option value="">12</option>
                </select>
                <select>
                    <option value="">--请选择日--</option>
                    <option value="">1</option>
                    <option value="">2</option>
                    <option value="">3</option>
                    <option value="">4</option>
                    <option value="">5</option>
                    <option value="">6</option>
                    <option value="">7</option>
                    <option value="">8</option>
                    <option value="">9</option>
                    <option value="">10</option>
                    <option value="">11</option>
                    <option value="">12</option>
                    <option value="">13</option>
                    <option value="">14</option>
                    <option value="">15</option>
                    <option value="">16</option>
                    <option value="">17</option>
                    <option value="">18</option>
                    <option value="">19</option>
                    <option value="">20</option>
                    <option value="">21</option>
                    <option value="">22</option>
                    <option value="">23</option>
                    <option value="">24</option>
                    <option value="">25</option>
                    <option value="">26</option>
                    <option value="">27</option>
                    <option value="">28</option>
                    <option value="">29</option>
                    <option value="">30</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>所在地区</td>
            <td><input type="text" value="北京"></td>
        </tr>
        <tr>
            <td>婚姻状况</td>
            <td>
                <input type="radio" id="weihun" name="marry" checked="checked"><label for="weihun">未婚</label>
                <input type="radio" id="yihun" name="marry"><label for="yihun">已婚</label>
                <input type="radio" id="lihun" name="marry"><label for="lihun">离婚</label>
            </td>
        </tr>
        <tr>
            <td>学历</td>
            <td><input type="text" value="幼儿园"></td>
        </tr>
        <tr>
            <td>喜欢的类型</td>
            <td>
                <input type="checkbox" id="wumei"><label for="wumei">妩媚的</label>
                <input type="checkbox" id="cute"><label for="cute">可爱的</label>
                <input type="checkbox" id="new"><label for="new">小鲜肉</label>
                <input type="checkbox" id="old"><label for="old">老腊肉</label>
                <input type="checkbox" id="all"><label for="all">都喜欢</label>
            </td>
        </tr>
        <tr>
            <td>自我介绍</td>
            <td><textarea cols="50" rows="5">自我介绍</textarea></td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="免费注册"></td>
        </tr>
        <tr>
            <td></td>
            <td><input type="checkbox" checked="checked">我同意注册条款和会员加入标准</td>
        </tr>
        <tr>
            <td></td>
            <td><a href="#">我是会员,立即注册</a></td>
        </tr>
        <tr>
            <td></td>
            <td>
                <h4>我承诺</h4>
                <ul>
                    <li>
                        年满18岁、单身
                    </li>

                    <li>
                        抱着严肃的态度
                    </li>

                    <li>
                        真诚寻找另一半
                    </li>
                </ul>
            </td>
        </tr>
    </table>

</body>

</html>

在这里插入图片描述

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
很抱歉,我并不清楚“js pink老师”是谁。但是,我可以给你提供一个基于 Ajax 的案例。 假设你有一个网页,需要通过 Ajax 从服务器获取数据并在网页上展示。以下是一个基本的示例代码: HTML 代码: ```html <!DOCTYPE html> <html> <head> <title>Ajax 示例</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> </head> <body> <h1>获取服务器数据</h1> <div id="data-container"></div> <script type="text/javascript"> $(document).ready(function(){ $.ajax({ url: 'server-data.json', method: 'GET', dataType: 'json', success: function(response){ $('#data-container').html(JSON.stringify(response)); }, error: function(xhr, status, error){ console.log('获取服务器数据失败:' + error); } }); }); </script> </body> </html> ``` 上面的代码使用了 jQuery 库来实现 Ajax 请求。其中: - `url`:请求的 URL,这里是 `server-data.json`,实际应该是服务器端提供的接口; - `method`:请求的 HTTP 方法,这里是 GET; - `dataType`:服务器返回的数据类型,这里是 JSON; - `success`:请求成功后的回调函数,用于处理服务器返回的数据; - `error`:请求失败后的回调函数,用于处理错误信息。 以上代码的作用是在页面上展示从服务器获取的数据,数据格式为 JSON。你可以根据实际需要修改代码,例如: - 修改 `url` 和 `method` 参数,以符合你的实际需求; - 修改 `success` 回调函数,以展示你需要的数据; - 修改 `error` 回调函数,以处理请求失败的情况。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值