form表单

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        span{color: orangered}
    </style>
</head>
<body>
<img src="img/51job.gif" alt="图片"/>
<label>基本个人信息</label>
(<span>*</span>为必填项)
 <table>
     <tr>
         <td><span>*</span>姓名</td>
         <td>
             <input type="text"/>
         </td>
     </tr>
     <tr>
         <td><span>*</span>性别</td>
         <td>
             <input type="radio" name="sex"/>男
             <input type="radio" name="sex"/>女
         </td>
     </tr>
     <tr>
         <td><span>*</span>出生日期</td>
         <td>
             <select name="date" id="date">
                 <option value="year">1998</option>
                 <option value="year">1999</option>
                 <option value="year">2000</option>
             </select>年
             <select name="month" id="month">
                 <option value="year">1</option>
                 <option value="year">2</option>
                 <option value="year">3</option>
             </select>月
             <select name="day" id="day">
                 <option value="year">1</option>
                 <option value="year">2</option>
                 <option value="year">3</option>
             </select>日
         </td>
     </tr>
     <tr>
         <td>国家或地区</td>
         <td>
             <select name="country" id="country">
                 <option value="china">中国大陆</option>
                 <option value="china">韩国</option>
                 <option value="china">美国</option>
             </select>
         </td>
         <td>户 口</td>
         <td>
             <select name="city" id="city">
                 <option value="china">北京</option>
                 <option value="china">上海</option>
                 <option value="china">成都</option>
             </select>
         </td>
     </tr>
     <tr>
         <td><span>*</span>证件号</td>
         <td>
             <input type="text"/>
         </td>
         <td><span>*</span>证件类型</td>
         <td>
             <select name="card" id="card">
                 <option value="china">身份证</option>
                 <option value="china">驾驶证</option>
                 <option value="china">其他</option>
             </select>
         </td>
     </tr>
     <tr>
         <td>国家或地区</td>
         <td>
             <select name="money" id="money">
                 <option value="china">--请输入--</option>
                 <option value="china">20w-30w</option>
                 <option value="china">30w-40w</option>
             </select>/年
         </td>
         <td>币种</td>
         <td>
             <select name="type" id="type">
                 <option value="china">人民币</option>
                 <option value="china">美元</option>
                 <option value="china">日元</option>
             </select>/年
         </td>
     </tr>
     <tr>
         <td><span>*</span>工作年限</td>
         <td>
             <select name="workyears" id="workyears">
                 <option value="china">  请选择  </option>
                 <option value="china">1-5年</option>
                 <option value="china">5-10年</option>
             </select>
         </td>
     </tr>
     <tr>
         <td><span>*</span>居住地</td>
         <td>
             <select name="address" id="address">
                 <option value="china">北京市</option>
                 <option value="china">成都市</option>
                 <option value="china">巴中市</option>
             </select>
             <select name="address" id="">
                 <option value="china">北京市</option>
                 <option value="china">成都市</option>
                 <option value="china">巴中市</option>
             </select>
             选项中没有的城市,选省即可。
         </td>
     </tr>
     <tr>
         <td><span>*</span>Email</td>
         <td>
             <input type="text" value="ssdsfdferfdsf@.com"/>
         </td>
     </tr>
     <tr>
         <td><span>*</span>首选联系方式</td>
         <td colspan="3">
             <select name="phone" id="phone">
                 <option value="china">移动电话</option>
                 <option value="china">座机</option>
                 <option value="china">其他</option>
             </select>
         <input type="text" size="3" value="086"/>-
         <input type="text" value="手机号"/>
         </td>
     </tr>
     <tr>
         <td>地址</td>
         <td>
             <input type="text"/>
         </td>
     </tr>
     <tr>
         <td>邮编</td>
         <td>
             <input type="text" style="width:50px"/>
             邮政和编码请同时填写(香港:00000)
         </td>
     </tr>
     <tr>
         <td>在线联系</td>
     </tr>
     <tr>
         <td>旺旺(淘宝板)ID</td>
         <td colspan="3">
             <input type="text"/>留下旺旺(淘宝板)ID可以方便企业在线联系
         </td>
         <td></td>
     </tr>
 </table><br/><br/>
<div class="center" style="border-top: 1px dashed #ebe3e3">
    <img src="img/51job.gif" alt="图片"/>
    <label>求职意向</label>
    <table>
        <tr>
            <td>工作类型</td>
            <td>
                <select name="work" id="work">
                    <option value="">全职</option>
                    <option value="">兼职</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>地点</td>
            <td>
                <input type="button" value="选择/修改"/>
            </td>
            <td>(可多选,最多5项)</td>
        </tr>
        <tr>
            <td>行业</td>
            <td>
                <input type="button" value="选择/修改"/>
            </td>
            <td>(可多选,最多5项)</td>
        </tr>
        <tr>
            <td>职能</td>
            <td>
                <input type="button" value="选择/修改"/>
            </td>
            <td>(可多选,最多5项)</td>
        </tr>
        <tr>
            <td>工资</td>
            <td>
                <select name="wmoney" id="wmoney">
                    <option value="">面议</option>
                    <option value="">10w</option>
                </select>/月
            </td>
        </tr>
    </table>
</div>
<div class="bottom" style="border-top: 1px dashed #ebe3e3">
    <img src="img/51job.gif" alt="图片"/>
    <label>自我评价</label>
    <p>请在输入框中输入你对自己的简短评价,字数在150字内。<br/>请简明扼要的说明你最大的优势是什么,避免使用一些空洞老套的话。
    范例一:<img src="img/51job表单_02.gif" alt=""/>  范例二:<img src="img/51job表单_02.gif" alt=""/></p>
   <textarea cols="90" rows="10" style="overflow: scroll"></textarea>
    <div style="padding-left: 200px">
        <input type="submit" value="上一步" style="background-color: orangered"/>
        <input type="submit" value="下一步" style="background-color: orangered"/>
    </div>
</div>


</body>
</html>

 

posted @ 2016-03-14 23:57  摩西moxi  阅读(55)  评论(0)    收藏  举报