peridata.html.html 5.0 KB
<!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 name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link href="css/common.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/tanchu.css" />
    <script type="text/javascript" src="js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="js/date.js"></script>
    <script type="text/javascript" src="js/iscroll.js"></script>
    <script src="js/base.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#beginTime').date();
            $('#endTime').date({ theme: "datetime" });
        });
    </script>
    <title>个人中心</title>
    <style>
        .perbut{
            position: fixed;
            bottom: 0;
            width:100%;
        }
    </style>
</head>

<body style="background-color:#fff;">
    <div class="perheader center">
        <div class="left perback">
            <a href="#" onClick="javascript:history.back(-1);">
                <img src="images/care_03.jpg" />
            </a>
        </div>
        <div class="headertext">个人资料</div>
    </div>
    <div class="perpart1">
        <div id="datePlugin"></div>
        <div class="perp">
            <span>头像</span>
            <a href="#">
                <span class="right">
                    <img src="images/pergo_03.jpg" />
                </span>
                <span class="specp">
                    <img src="images/cali_05.jpg" />
                </span>
            </a>
        </div>

        <div class="perp">
            <span>姓名</span>
            <span class="right">
                <input type="text" placeholder="请输入姓名" />
                <img src="images/pergo_03.jpg" />
            </span>
        </div>

        <div class="infup">
            <span style="color:#999797">性别 </span>
            <span class="right sex">
                <input type="radio" id="male" name="sex" />
                <label for="male"></label>
                <input type="radio" id="female" name="sex" />
                <label for="female"></label>
            </span>
        </div>

        <div class="perp">
            <span>手机</span>
            <span class="right phonesp">18611022356
                <img src="images/pergo_03.jpg" />
            </span>
        </div>

        <div class="perp">
            <span>生日</span>
            <span class="right">
                <input id="beginTime" placeholder="1985-12-02" />
                <img src="images/pergo_03.jpg" />
            </span>
        </div>

        <div class="perp">
            <span>身份证号</span>
            <span class="right">
                <input type="text" placeholder="输入身份证号" maxlength="18" />
                <img src="images/pergo_03.jpg" />
            </span>
        </div>

        <div class="perp">
            <span>身高</span>
            <span class="right">
                <input type="text" class="select-value9" placeholder="174cm" />
                <img src="images/pergo_03.jpg" />
            </span>
        </div>

        <div class="perp">
            <span>体重</span>
            <span class="right">
                <input type="text" class="select-value4" placeholder="79.0kg" />
                <img src="images/pergo_03.jpg" />
            </span>
        </div>

        <div class="perp">
            <span>婚姻状况</span>
            <span class="right">
                <input type="text" class="select-value12" placeholder="已婚" />
                <img src="images/pergo_03.jpg" />
            </span>
        </div>

        <div class="perp">
            <span>文化程度</span>
            <span class="right">
                <input type="text" class="select-value13" placeholder="研究生以上" />
                <img src="images/pergo_03.jpg" />
            </span>
        </div>

        <div class="perp">
            <span>职业</span>
            <span class="right">
                <input type="text" class="select-value14" placeholder="国家公务员" />
                <img src="images/pergo_03.jpg" />
            </span>
        </div>

        <div class="perp">
            <span>医保类型</span>
            <span class="right">
                <input type="text" class="select-value15" placeholder="城镇居民医保" />
                <img src="images/pergo_03.jpg" />
            </span>
        </div>
    </div>
    <div>
        <button type="button" class="perbut" />保存</div>
    <script src="js/per.js"></script>
    <div class="mPicker hide">
        <div class="mPicker-mask hide"></div>
    </div>
</body>