源代码——员工信息表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>员工信息表</title>
</head>
<style type="text/css">
    .box{
        width:800px;height:448px;border:3px solid #00ccff;margin-left:500px;}
    .a{border:1px solid #00ccff;}
    .b{margin-left:70px;margin-bottom:40px;padding-left:30px;padding-right:30px;border:1px solid #00ccff;}
    .c{padding-left:30px;padding-right:30px;border:1px solid #00ccff;}
    .d{border:1px solid #00ccff;height: 20px;margin-left: 10px;padding-top: 3px;padding-left: 3px;margin-bottom: -8px;}
    .d1{border:1px solid #00ccff;height: 20px;margin-left: 14px;padding-top: 3px;padding-left: 3px;margin-top: -10px;margin-bottom: -8px;}
    .g{border:1px solid #00ccff;width:130px;height: 20px;margin-left: 14px;padding-top: 3px;padding-left: 3px;margin-top: -10px;}
</style>
</head>
<body class="box">
<div style="background-color:pink">
    <form id="form1" name="form1" method="post|get" enctype="multipart/form-data" action="提交到的地址">
        <h1><center>员工信息登记表</center></h1>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        用户登录名:<input type=text name=username size=40 [email protected] class="d"></p>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        真实姓名:&nbsp;&nbsp;&nbsp;<input type=text name=name size=40 value=王传智 required class="d1">（必填，只能输入汉字）</p>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        真实年龄:&nbsp;&nbsp;&nbsp;<input type=text name=age size=40 value=18 required class="d1">（必填）</p>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        出生年月:&nbsp;&nbsp;&nbsp;<input type=text name=date size=40  value=&nbsp;年&nbsp;/月&nbsp;/日 required class="d1">（必填）</p>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        电子邮件:&nbsp;&nbsp;&nbsp;<input type=email name=e-mail size=40 [email protected] required class="d1">（必填）</p>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        身份证号:&nbsp;&nbsp;&nbsp;<input type=text name=sfzh size=40 required class="d1">（必填，能够以数字、字母x结尾的短身份证号）</p>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        手机号码:&nbsp;&nbsp;&nbsp;<input type=text name=phonenumber size=40 required class="d1">（必填）</p>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        幸运颜色:&nbsp;&nbsp;&nbsp;<input type=color  class="g">（请选择你喜欢的颜色）</p>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type=submit  value=提交 class="b">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type=reset   value=重置 class="c">
    </form>
</body>
</html>
在这里插入图片描述
Shmily_ox
发布了4 篇原创文章 · 获赞 0 · 访问量 159
私信关注
源代码——员工信息表

猜你喜欢
