biaxiaoliong 发表于 2020-8-11 12:12

html可编辑表格

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

});
</script>
</head>
<body>
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

});
</script>
</head>
<body>
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>求职简历</title>
<style>
#example1 {
    background-image: url(http://pic.qqtn.com/up/2017-7/2017071014360321768.jpg
), url(paper.gif);
    background-position: right bottom, left top;
    background-repeat: no-repeat, repeat;
    padding: 80px;
}
#example2 {
    background-image: url(https://img.ivsky.com/img/tupian/pic/202002/17/caihong-001.jpg), url(paper.gif);
    background-position: right bottom, left top;
    background-repeat: no-repeat, repeat;
    padding: 80px;
}
#example3 {
    background-image: url(http://picture.ik123.com/uploads/allimg/190330/4-1Z330160936.jpg), url(paper.gif);
    background-position: right bottom, left top;
    background-repeat: no-repeat, repeat;
    padding: 80px;
}
p1 {font-size:20px;}p4{font-size:40px}
<div style="opacity:55;position:absolute;left:50px;width:300px;height:150px;background-color:#40B3DF"></div>
</style>

</head>

<body>
<divid="example2">
<h2 align="center">个人简历</h2>

<table style="border: 1px;margin: 0 auto;background: snow" width="50%" cellpadding="5" cellspacing="0" >

    <tr>

      <td style="background: salmon">姓名</td>

      <td><input type="text" style="width:95%"></td>

      <td>性别</td>

      <td><select style="width: 96%">

            <option>男</option>

            <option>女</option>

      </select></td>

    </tr>

   <tr>

      <td>民族</td>

      <td><input type="tel" style="width:95%"></td>

      <td>年龄</td>

      <td><input type="email" style="width:95%"></td>

    </tr>

   <tr>

      <td>婚否</td>

      <td><input type="tel" style="width:95%"></td>

      <td>籍贯</td>

      <td><input type="email" style="width:95%"></td>

    </tr>
    <tr>

      <td>手机号码</td>

      <td><input type="tel" style="width:95%"></td>

      <td>电子邮箱</td>

      <td><input type="email" style="width:95%"></td>

    </tr>

    <tr>

      <td>教育程度</td>

      <td><input style="width: 95%; " type="text"></td>

      <td>工作职位</td>

      <td><input style="width: 95%; " type="text"></td>

    </tr>

    <tr>

      <td>工作城市</td>

      <td><input style="width: 95%; " type="text"></td>

      <td>期望工资</td>

      <td><input style="width: 95%; " type="text"></td>

    </tr>

    <tr>

      <td>自我介绍</td>

      <td colspan="3"><input type="text" style="width: 98%; " ></td>



    </tr>

    <tr>

      <td>特长</td>

      <td colspan="3"><input type="text" style="width: 98%; " ></td>



    </tr>

    <tr>

      <td>家庭住址</td>

      <td colspan="3"><input type="text" style="width: 98%; " ></td>

    </tr>
<tr>

      <td colspan="4" >个人格言:<dr>今天不努力工作,明天便要努力揾工作!</p></td>

    </tr>
</table>
</div>
</body>

</html>
</body>
</html>

</body>
</html>

怎么填写好后可以保存发送!

苏紫方璇 发表于 2020-8-11 19:35

建议重新编辑下帖子,代码插入方法
【公告】发帖代码插入以及添加链接教程(有福利)
https://www.52pojie.cn/thread-713042-1-1.html
(出处: 吾爱破解论坛)
页: [1]
查看完整版本: html可编辑表格