简单学习了HTML的标签,目前已能熟练使用TABLE标签

原创 2018-12-04 22:48:37 257
摘要:<!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css">table{border:1px solid #ccc;border-collapse: collapse;}tr th{height:30px;borde

<!DOCTYPE html>


<html>


<head>


<meta charset="utf-8">


<style type="text/css">


table{border:1px solid #ccc;border-collapse: collapse;}


tr th{height:30px;border:1px solid #ccc;text-align:}


tr td{height:30px;border:1px solid #ccc;text-align: left;}


</style>




<title>员工信息管理系统</title>




</head>




<body>




<center>






<h3>公司员工信息管理系统</h3>




<form action="action.php?action=add" method="post">




<table >




<tr>




<td width="100">姓名</td>




<td colspan="3"><input type="text" name="name"></td>




</tr>


<tr>




<td>部门</td>




<td colspan="3">


<select name="dep" size=1 class="button1" style="WIDTH150px">


<option value="行政">行政</option>


<option value="项目组1">项目组1</option>


<option value=“项目组2">项目组2</option>


</select>


</td>




</tr>




<tr>




<td>性别</td>




<td><input type="radio" name="sex" value="男">男</td>




<td colspan="2"><input type="radio" name="sex" value="女">女</td>




</tr>




<tr>


<td>年龄</td>


<td colspan="3"><input type="text" name="age"></td>


</tr>




<tr>


<td>学历</td>


<td colspan="3">


<select name="major" size=1 class="button1" style="WIDTH150px">


<option value="大专">大专</option>


<option value="本科">本科</option>


<option value="研究生">研究生</option>


</select>


      </td>


      </tr>




<tr>


<td>专业</td>


<td colspan="3"><input type="text" name="major"></td>


</tr>


      


<tr>


<td>毕业学校</td>


<td colspan="3"><input type="text" name="school"></td>


</tr




<tr>


<td>联系电话</td>


<td colspan="3"><input type="text" name="tel1"></td>


</tr>




<tr>


<td>紧急电话</td>


<td colspan="3"><input type="text" name="tel2"></td>


</tr>


<tr>


<td>邮箱地址</td>


<td colspan="3"><input type="text" name="email"></td>


</tr>




<tr>


<td>应聘渠道</td>


<td colspan="3">


<select name="ypqd" size=1 class="button1" style="WIDTH150px">


<option value="社会招聘">社会招聘</option>


<option value="校园招聘">校园招聘</option>


<option value="员工介绍">员工介绍</option>


</select>


</td>


</tr>




<tr>


<td>入职日期</td>


<td colspan="3"><input type="date" name="rzrq"></td>


</tr>




<tr>




<td>转正日期</td>




<td colspan="3"><input type="date" name="zzrq"></td>




</tr>








<tr>


<td>合同周期</td>


<td><input type="date" name="htzq1" >


</td>


<td>至</td>




<td><input type="date" name="htzq2" ></td>


</tr>




<tr>


<td>合同编号</td>


    <td colspan="3"><input type="text" name="htbh"></td>


</tr>




<tr>


<td>银行卡号</td>


    <td colspan="3"><input type="text" name="cardid"></td>


</tr>




<tr>


<td>开户行</td>


    <td colspan="3"><input type="text" name="bank"></td>


</tr>


    


    


<tr>


<td>人员去向</td>


<td colspan="3"><input type="text" name="ryqx"></td>


</tr>








     


     




<tr>




<td colspan="3" style="text-align: right;"><input type="submit" value="提交"></td>




<td width="100px" style="text-align: right;"><input type="reset" value="重置"></td>




</tr>




</table>




</form>




</center>




</body>




</html>


批改老师:韦小宝批改时间:2018-12-05 09:27:44
老师总结:写的还可以!但是下次记得作业要格式化好了再提交,最好还可以给代码加上高亮哦!

发布手记

热门词条