时间：2023-09-04 15:36:01 | 来源：网站运营
时间：2023-09-04 15:36:01 来源：网站运营
10元写的Html网页设计第13次作业——报名表单和简历表- 水流流水：链接：https://pan.baidu.com/s/17Y7AbzH8dYBSpiVbz1t8dw?pwd=d2yi
在线咨询
<!doctype html><html><head><meta charset="utf-8"><title>在线报名</title><style type="text/css"> /*全局控制*/body{font-size:12px; font-family:"宋体"; color:#515151;}/*重置浏览器的默认样式*/body,h2,form,table{padding:0; margin:0;}#box{ /*控制最外层的大盒子*/ width:660px; height:600px; border:1px solid #CCC; padding:20px; margin:50px auto 0; }.header{ /*控制标题*/ font-size:22px; color:#0b0b0b; padding-bottom:30px;} .header span{ /*控制标题中的小号字体*/ font-size:12px; font-weight:normal;} td{padding-bottom:26px;}td.left{ width:78px; text-align:right; /*使提示信息居右对齐*/ padding-right:8px; /*拉开提示信息和表单控件间的距离*/}.red{color:#F00;} /*控制提示信息中星号的颜色*/.txt01,.txt02{ /*定义前两个单行文本输入框相同的样式*/ width:264px; height:12px; border:1px solid #CCC; padding:3px 3px 3px 26px; font-size:12px; color:#949494;}.txt01{ /*定义第一个单行文本输入框的背景图像*/ background:url(img/name.png) no-repeat 2px center;} .txt02{ /*定义第二个单行文本输入框的背景图像*/ background:url(img/phone.png) no-repeat 2px center;} .txt03{ /*定义第三个单行文本输入框的样式*/ width:122px; height:12px; padding:3px 3px 3px 26px; font-size:12px; background:url(img/email.png) no-repeat 2px center;}.course{ width:184px;} /*定义下拉菜单的宽度*/.message{ /*定义多行文本输入框的样式*/ width:432px; height:164px; font-size:12px; color:#949494; padding:3px;}</style></head><body><div id="box"> <h2 class="header">下面就开始在线报名吧<span>(以下信息是报名的重要依据，请认真填写)</span></h2> <form action="#" method="post"> <table class="content"> <tr> <td class="left">姓名<span class="red">*</span></td> <td><input type="text" value="报名的重要依据，请认真填写" class="txt01" /></td> </tr> <tr> <td class="left">手机<span class="red">*</span></td> <td><input type="text" value="报名的重要依据，请认真填写" class="txt02" /></td> </tr> <tr> <td class="left">性别<span class="red">*</span></td> <td> <label for="boy"><input type="radio" name="sex" id="boy" />男</label> <label for="girl"><input type="radio" name="sex" id="girl" />女</label> </td> </tr> <tr> <td class="left">邮箱<span class="red">*</span></td> <td><input type="text" class="txt03" /></td> </tr> <tr> <td class="left">意向课程<span class="red">*</span></td> <td> <select class="course"> <option>网页设计</option> <option selected="selected">平面设计</option> <option>UI设计</option> </select> </td> </tr> <tr> <td class="left">了解渠道</td> <td> <label for="baidu"><input type="checkbox" id="baidu" />baidu</label> <label for="it"><input type="checkbox" id="it" />论坛</label> <label for="friend"><input type="checkbox" id="friend" />朋友推荐</label> <label for="csdn"><input type="checkbox" id="csdn" />CSDN网站</label> <label for="video"><input type="checkbox" id="video" />视频教程</label> <label for="other"><input type="checkbox" id="other" />其他</label> </td> </tr> <tr> <td class="left">留言</td> <td><textarea cols="50" rows="5" class="message">请简述您有没有设计基础，以及为什么选择学习网页平面UI设计？</textarea></td> </tr> <tr> <td> </td> <td><input type="submit" value="提交"/></td> </tr> </table> </form></div></body></html><!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>简历表作业</title> <style type="text/css"> table{ border: 2px solid #ccc; width: 700px; height: 50px; margin: 0 auto; border-collapse: collapse; font-size: 15px; } td{ width: 90px; border: 2px solid #ccc; } .one{background: #eee;} .two{ text-align: center; font-size: 30px; font-weight: bold; } </style> </head> <body> <table border="" cellspacing="" cellpadding=" "> <tr> <td colspan="5" class="one two">简历表</td> </tr> <tr> <td class="one">姓名</td> <td></td> <td class="one">民族</td> <td></td> <td rowspan="5">照片</td> </tr> <tr> <td class="one">籍贯</td> <td></td> <td class="one">身高</td> <td></td> </tr> <tr> <td class="one">婚姻状况</td> <td></td> <td class="one">电子邮件</td> <td></td> </tr> <tr> <td class="one">联系电话</td> <td></td> <td class="one">QQ号码</td> <td></td> </tr> <tr> <td class="one">出生日期</td> <td></td> <td class="one">国籍</td> <td></td> </tr> <tr> <td class="one">目前所在地</td> <td colspan="4"></td> </tr> </table> </body></html>关键词：报名,作业,流水,简历,设计,水流
