Demo4：求职信息表

来源：互联网发布：淘宝网盘编辑：程序博客网时间：2024/04/29 12:12
个人求职信息表

实现效果

这里写图片描述
代码实现

<!DOCTYPE html><html> <head>  <title> new document </title>  <meta charset="utf-8" /> </head> <body>    <h1>个人求职信息</h1>    <form>    <table border="1" cellspacing="0" width="50%" height="500px">        <tr>            <td>姓名：</td>            <td><input type="text" value="请输入您的姓名"></td>            <td rowspan="8" valign="top" width="300px">                <details>                    <summary>各项<mark>技术</mark>指数</summary>                    <ul type="none">                        <li>HTML<meter min="0" max="100" value="90"></meter></li>                        <li>CSS3<meter max="100" value="80"></meter></li>                        <li>&nbsp;JS<meter max="100" value="80"></meter></li>                    </ul>                </details>            </td>        </tr>        <tr>            <td>性别：</td>            <td>                <input type="radio" name="gender" value="female" id="female" checked><label for="female">女士</label>                <input type="radio" name="gender" value="male" id="male"><label for="male">男士</label>                <input type="radio" name="gender" value="baomi" id="baomi"><label for="baomi">保密</label>            </td>        </tr>        <tr>            <td>学历：</td>                <td>                    <select>                        <option>高中</option>                        <option>专科</option>                        <option>本科</option>                        <option>硕士及以上</option>                        <option>其他</option>                    </select>                </td>        </tr>        <tr>            <td>职位意向:</td>            <td><input type="text" value="请出入您的的工作意愿"></td>        </tr>        <tr>            <td>意向工作城市：</td>            <td>                <select size="5" multiple>                    <option>北京</option>                    <option>上海</option>                    <option>南京</option>                    <option>深圳</option>                    <option>天津</option>                    <option>广州</option>                    <option>杭州</option>                    <option>青岛</option>                    <option>西安</option>                </select>            </td>        </tr>        <tr>            <td valign="top">个人描述：</td>                <td>                    <textarea cols="50" rows="5" ></textarea>            </td>        </tr>        <tr>            <td></td>            <td>                <input type="checkbox" id="chkPublic" />                <label for="chkPublic">不要公开我的个人信息</label>            </td>        </tr>        <tr>            <td></td>            <td>                    <input type="submit" value="保存" />                    <input type="reset" value="重填" />            </td>        </tr>    </table>    </form> </body></html>
1 0