欢迎访问爱写作文学网!

个人简历注册表单的生成html+css

网络 分享 时间: 加入收藏 我要投稿 点赞

(2)教育背景,如学校、专业、专业排名等

(3)奖励情况:参加项目或者竞赛的情况,也可以是课程成绩。

(4)专业技能:技能名称、掌握程度等。

(5)自我评价

表单中提供“注册”按钮,将表单数据提交处理。在表单提交时,需使用技术对数据进行前端验证,确保数据的正确性和合法性。

2.个人简历网页

基于个人简历注册表单页面,当点击“注册”按钮,跳转到个人简历网页,在个人简历网页中展示注册表单中的信息(静态页面即可),个人简历网页排版请自行设计。其它要求如下:

(1)可以使用制作个人简历网页的布局。

(2)网页中需要用到img、、、a、等标签。

二、代码讲解 1.盒子模型

2.跳转的实现(就贴代码啦)

导航栏相关的部分

 

衔接跳转

 
<iframe src="欢迎界面.html" name="myframe" frameborder="0" width="860px" height="1030px" style="float:right;margin: 10px;"></iframe>

3.源代码(只有这一个页面的哦)




    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    Document
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        .box{
            margin: 0 auto;
            background-color:rgb(249,250,251);
            width: 1080px;
            height: 1080px;
            box-sizing: border-box;
        }
        .header{
            float: left;
            width: 200px;
            height: 1080px;
            background-color: rgb(50,202,153);
            position: fixed;
        }
        .h1{
            text-align: center;
            padding: 15px;
        }
        li{
            list-style: none;
            margin:50px 0;
        }
        li>a{
            text-decoration: none;
            color: black;
        }
        a{
            font-size: 25px;
        }
        a:hover{
            color: red;
        }
        .register{
            float :right;
            width: 865px;
            height: 60px;
            background-color: rgb(255,255,255);
            border-left: 20px solid rgb(0,122,204);
        }
        .p{
            margin-left: 790px;
            margin-top: 10px;
        }
        .content{
            float: right;
            width: 865px;
            height: 1030px;
            background-color:rgb(242,242,242);
            text-align: center;
        }
        .content>h1{
            margin-top: 20px;
        }
        input{
			background-color: #4CAF50;
			color: #fff;
			padding: 12px 20px;
			border: none;
			border-radius: 4px;
			cursor: pointer;
			font-size: 16px;
        }
    </style>

<body>
    
<iframe src="欢迎界面.html" name="myframe" frameborder="0" width="860px" height="1030px" style="float:right;margin: 10px;"></iframe>
<script> function jump(){ window.open("生成信息.html"); } </script>

18128
领取福利

微信扫码领取福利

微信扫码分享