表格和表单制作
程序员文章站
2023-12-21 18:00:29
...
<!DOCTYPE html><html><head><title>表格表单制作</title><style>#div1{width: 900px;height: 900px;margin: 0 auto;}#div2{width: 400px;height: 600px;background-color: #ccc;margin: 0 auto;padding: 20px 30px 20px 150px;}#div2_1>input,label,textarea,select{margin: 10px 0px;}table{border-collapse: collapse;}tr,td,th{border: 1px black solid;width: 120px;text-align: center;}</style></head><body><div id="div1"><table><tr><td colspan="5" style=" background-color: skyblue;height: 25px;"></td></tr><tr><td colspan="5" style="text-align: left"><b> ----基本资料----</b></td></tr><tr><td>姓名：</td><td>马小姐</td><td>性别：</td><td>女</td><td rowspan="7"></td></tr><tr><td>学历：</td><td>中专</td><td>身高</td><td>CM</td></tr><tr><td>籍贯：</td><td>广东</td><td>出生年月</td><td>1991-12-01</td></tr><tr><td>毕业院校：</td><td colspan="3">汕头市科技中学</td></tr><tr><td>主修专业：</td><td colspan="3">会计学</td></tr><tr><td>工作经验；</td><td>未知</td><td>目前年薪：</td><td>保密/年</td></tr><tr><td colspan="5" style=" background-color: skyblue;height: 25px;"></td></tr><tr><td colspan="5" style="text-align: left"><b> ----求职意向----</b></td></tr><tr><td>寻求职位</td><td colspan="4">出纳，会计文员</td></tr><tr><td>求职地区：</td><td style="width: 240px;">罗湖区 福田区</td><td>工资待遇：</td><td colspan="2">面议</td></tr><tr><td>自我评价：</td><td colspan="4">我对待工作认真负责，善于沟通、协调有较强的组织本事与团队精神；活泼开朗、乐观上进、有爱心并善于施教并行；上进心强、勤于学习能不断提高自身的本事与综合素质。在未来的工作中，我将以充沛的精力，刻苦钻研的精神来努力工作，稳定地提高自我的工作本事，与公司同步发展。进取主动、独立性强、具有高度的职责感和敬业精神，待人真诚、诚实守信、团结协作意识强，能够吃苦耐劳，勇于挑战新事物，具有必须的开拓创新本事，“踏实做事，诚实做人”是我为人处世的原则。</td></tr><tr><td colspan="5" style=" background-color: skyblue;height: 25px;"></td></tr><tr><td colspan="5" style="text-align: left"><b> ----教育培训----</b></td></tr><tr><td>起止时间</td><td style="width: 240px;">就读学校</td><td>主修专业</td><td colspan="2">学历</td></tr><tr><td>2009.09~2012.07</td><td style="width: 240px;">汕头市科技中学</td><td>会计电算化</td><td colspan="2">中专</td></tr><tr><td colspan="5" style=" background-color: skyblue;height: 25px;"></td></tr><tr><td colspan="5" style="text-align: left"><b> ----工作经验----</b></td></tr><tr><td>就职公司</td><td style="width: 240px;">深圳是电器科技有限公司</td><td>公司行业</td><td colspan="2">其他</td></tr><tr><td>就职时间：</td><td style="width: 240px;">2011年12月至今</td><td>就职部门：</td><td colspan="2">财务部</td></tr><tr><td>公司性质：</td><td style="width: 240px;">其他</td><td>就职职位：</td><td colspan="2">出纳员</td></tr><tr><td>工作描述：</td><td colspan="4">我对待工作认真负责，善于沟通、协调有较强的组织本事与团队精神；活泼开朗、乐观上进、有爱心并善于施教并行；上进心强、勤于学习能不断提高自身的本事与综合素质。在未来的工作中，我将以充沛的精力，刻苦钻研的精神来努力工作，稳定地提高自我的工作本事，与公司同步发展。进取主动、独立性强、具有高度的职责感和敬业精神，待人真诚、诚实守信、团结协作意识强，能够吃苦耐劳，勇于挑战新事物，具有必须的开拓创新本事，“踏实做事，诚实做人”是我为人处世的原则。</td></tr><tr><td colspan="5" style=" background-color: skyblue;height: 25px;"></td></tr><tr><td colspan="5" style="text-align: left"><b> ----联系方式----</b></td></tr><tr><td>联系电话：</td><td colspan="4">12345678910</td></tr><tr><td>联系手机：</td><td colspan="4">45678912300</td></tr><tr><td>电子邮件：</td><td colspan="4">**********@163.com</td></tr></table></div><hr/><div id="div2"><h3>用户注册</h3><form><div id="div2_1">账号：<input type="text" name="user" placeholder="请输入账号" value=""><br>密码：<input type="password" name="user" placeholder="请输入密码" value=""><br>邮箱：<input type="email" name="user" placeholder="example@mail.com" value=""><br>年龄：<input type="number " name="user" value=""><br>生日：<input type="date" name="user" value=""><br>课程：<select><option>HTML5</option><option>CSS3</option><option>JS</option></select><br>爱好：<label><input type="checkbox" name="user" value="">打游戏</label><label><input type="checkbox" name="user" value="">打篮球</label><label><input type="checkbox" name="user" value="">敲代码</label><br>性别：<label><input type="radio" name="user" value="">男</label><label><input type="radio" name="user" value="">女</label><label><input type="radio" name="user" value="">保密</label><br>简介：<textarea cols="30" rows="10"></textarea><br><input type="submit"name="user" value="提交"><input type="button" value="Ajax"></div></form></div></body></html>