其他分享
首页 > 其他分享> > 员工信息登记表

员工信息登记表

作者：互联网

这次的作业是完成员工信息登记表，具体效果如下：

 

 需要的代码：

<!DOCTYPE html>
<html>
   <head>
        <meta charset=utf-8" />
        <title>员工信息登记表</title>
   </head>
<body>
   <table width="700" border="3" align="center" cellspacing="0" bordercolor="aqua" bgcolor="pink" >
      <tr>
         <td >
     <center><h1>员工信息登记表</h1></center>
      <form>
        &nbsp;&nbsp;&nbsp;&nbsp;用户登录名：<input type="text" placeholder="wcz@163.com" size="20"><p>
        &nbsp;&nbsp;&nbsp;&nbsp;真实姓名：&nbsp;&nbsp;&nbsp;<input type="text" placeholder="王传智" size="20">（必填，只能输入汉字）<p>
        &nbsp;&nbsp;&nbsp;&nbsp;真实年龄：&nbsp;&nbsp;&nbsp;<input type="text" placeholder="24" size="20">（必填）<p>
        &nbsp;&nbsp;&nbsp;&nbsp;出生日期：&nbsp;&nbsp;&nbsp;<input type="text" placeholder="  年/  月/  日" size="20">（必填）<p>
        &nbsp;&nbsp;&nbsp;&nbsp;电子邮箱：&nbsp;&nbsp;&nbsp;<input type="text" placeholder="123456@126.com" size="20">（必填）<p>
        &nbsp;&nbsp;&nbsp;&nbsp;身份证号：&nbsp;&nbsp;&nbsp;<input type="text" size="20">（必填，能够以数字、字母x结尾的短身份证号）<p>
        &nbsp;&nbsp;&nbsp;&nbsp;手机号码：&nbsp;&nbsp;&nbsp;<input type="text" size="20">（必填）<p>
        &nbsp;&nbsp;&nbsp;&nbsp;幸运颜色：&nbsp;&nbsp;&nbsp;<input type="color">（请选择你喜欢的颜色）<p>
         <center>
                <input name="提交" type="submit" value="提交"  style="height:40px;width:80px;"/>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input name="重置" type="reset"   value="重置"  style="height:40px;width:80px;"/>
         </center>
    </form>
         </td>
      </tr>
   </table>
</body>
</html>

最后的运行结果：

 

标签：必填,登记表,身份证号,信息,员工,nbsp
来源： https://www.cnblogs.com/liniq-bky/p/12726674.html