zoukankan      html  css  js  c++  java
  • html+css入门基础案例之页面设计

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <h3></h3>
        <tabel width="500" border="1">
            <!-- 第一行 -->
            <tr>
                <td>性别</td></tr>
            <td>
                <input type="radio" name="sex" id="nan"> <label for="nan"><img src="images/man.jpg">男</label>
                <input type="radio" name="sex" id="nv"> <label for="nv"><img src="images/women.jpg">女</label>
            </td><br>
            <!-- 第二行 -->
            <tr>
                <td>生日</td>
                <td>
                    <select>
                        
                        <option>--请选择年--</option>
                        <option>1994</option>
                        <option>1995</option>
                        <option>1996</option>
                        <option>1997</option>
                        <option>1998</option>
                        <option>1999</option>
        
                    </select>
        </td>
            </tr>
                
                <select>
                    <option>--请选择月--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
    
                </select>
    
                <select>
                    <option>--请选择日--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
    
                </select>
            </tr> <br>
            <tr>
            
            所在地区
                <input type="text">
            </tr><br>
            <tr>
                婚姻状况
                <input type="radio" name="sex1">未婚
                <input type="radio" name="sex1">已婚
                <input type="radio" name="sex1">离婚
            </tr><br>
            <tr>
                学历
                <input type="text">
            </tr><br>
            <tr>
                喜欢的类型
                <input type="radio" name="sex11">妩媚的
                <input type="radio" name="sex11">可爱的
                <input type="radio" name="sex11">小鲜肉
                <input type="radio" name="sex11">老腊肉
                <input type="radio" name="sex11">都喜欢
            </tr><br>
    
            <tr>
                <form>
                    自我介绍
                    <textarea>自我介绍</textarea>
                </form>
            </tr><br>
            <tr>
                <input type="submit" value="免费注册">
            </tr>
            <br>
            <tr>
                <input type="radio">我同意注册条款和会员加入标准
            </tr><br>
            <tr>
                <a href="#">我是会员,立即登录</a>
    
            </tr><br>
            <tr>
                <h4>我承诺</h4>
                <ul>
                    <li>年满十八岁,单身</li>
                    <li>抱着严肃的态度</li>
                    <li>真诚寻找另一半</li>
                </ul>
            </tr>
    
    
        </tabel>
    </body>
    </html>
  • 相关阅读:
    [luogu1594]护卫队(dp)
    [luogu1968]美元汇率(dp)
    [NOIP2006]金明的预算方案(dp)
    [caioj1056](相同数列问题)填满型01背包2
    [IPUOJ]混合背包 (dp)
    趣说倍增算法
    [POI2005]BAN-Bank Notes (dp、倍增)
    NOIP考前注意
    SharePoint 2013 App 开发—Auto Hosted 方式
    SharePoint 2013 App 开发—App开发概述
  • 原文地址:https://www.cnblogs.com/bky-/p/13374455.html
Copyright © 2011-2022 走看看