如何将表单内容通过php展示出来 求解!
作为初学者的我,尝试用所学的HTML和CSS模仿网上的简历模板制作一个模板。但是将内容输入后不会展示<form action="XXX.php" method="get">
或者说那位大佬,告诉我一下如何使用JavaScript输出。
下面是代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>newResume3(5)</title>
<style type="text/css">
#resume {
width: 710px;
margin: 0 auto; /外边距上下为0,左右自适应,为了使DIV在浏览器中水平居中/
}.display-flex {
display:flex;/*使div水平排列*/
}
.div-size{
margin: 10px;
}
.dbc{
background-color: rgb(237,125,49); /*黄*/
}/*灰黄俩色*/
.dbc2{
background-color: rgb(71,85,107);
}
.np{
overflow-y: hidden;/*垂直滚动条*/
overflow-x: hidden;/*水平滚动条*/
resize: none;/*限制拖动*/
}
</style>
</head>
<body>
<div id="resume" >
<form action="XXX.php" method="get">
<!--头部-->
<div class="display-flex ">
<div class="div-size">
<input type="file" name="photo" value="照片">
</div>
<!--photo end 1-->
<div >
<div>运营</div>
<div>求职意向:<input type="text" name="Job search intention" placeholder="市场专员"><br></div>
<div class="display-flex">
<div>
<div><img src="https://q.cnblogs.com/q/129993/l.png"></div>
<div><img src="https://q.cnblogs.com/q/129993/w.png"></div>
</div>
<div>
<div>生 日:
<input type="text" name="birthday" placeholder="1994.4.6">
</div>
<div>住 址:
<input type="text" name="Address" placeholder="上海市"><br></div>
</div>
</div>
</div><!--center end2-->
<div class="div-size">
<div class="display-flex">
<div class="dbc"></div>
<div></div>
<div class="dbc">个人简历</div>
<div></div>
<div class="dbc "></div>
</div><!--个人简历-->
<div class="display-flex">
<div><img src="https://q.cnblogs.com/q/129993/d.png"></div>
<div>电 话:<input type="text" name="d" maxlength="11" placeholder="135xxxxxxxx"><br></div>
</div>
<div class="display-flex">
<div><img src="https://q.cnblogs.com/q/129993/y.png"></div>
<div>邮 箱:<input type="text" name="mile" placeholder="请输入邮箱" id="email"><br>
<script type="text/javascript">
email.onchange = function(){
var email = this.value;/实现:邮箱验证//规则:/
var reg = /^([a-zA-Z]|[0-9])(\w|-)[email protected][a-zA-Z0-9]+.([a-zA-Z]{2,4})$/;/艺术字字母开头,中间可以是多个数字字母下划线或"-"
然后是"@"符号,后面是数字字母,
然后是"."符号加2-4个字母结尾。/
if(reg.test(email)){
<span><span><span><span><span>alert</span></span></span></span></span>("邮箱格式正确");
}else{
<span><span><span><span><span>alert</span></span></span></span></span>("邮箱格式不正确");
}
}
</script>
</div>
</div>
</div>
</div>
<!--头部结束-->
<div class="display-flex">
<div class="display-flex">
<div>
<div class="dbc"></div>
<div></div>
<div class="dbc"></div>
</div>
<div class="dbc"></div>
<div>
<div class="dbc"></div>
<div></div>
<div class="dbc"></div>
</div>
<div></div><!--间隙-->
</div>
<div class="display-flex">
<div>
<div class="dbc2"></div>
<div></div>
<div class="dbc2"></div>
</div>
<div class="dbc2"></div>
<div>
<div class="dbc2"></div>
<div></div>
<div class="dbc2"></div>
</div>
</div>
</div>
<!--head分割线--><!--2020.10.26-->
<div class="display-flex">
<div class="dbc"></div>
<div></div>
<div class="dbc"></div>
<div></div>
<div class="dbc">教育背景</div>
</div>
<div>
<textarea class="np" raws="4" cols="51">
2005.07-2009.06 运营社科技大学 市场营销(本科)
主修课程:
管理学、微观经济学、宏观经济学、管理信息系统、统计学、会计学、财务管理、市场营销、经济法、消费者行为学、国际市场营销。
</textarea>
</div>
<div class="display-flex">
<div class="dbc"></div>
<div></div>
<div class="dbc"></div>
<div></div>
<div class="dbc">实习经历</div>
</div>
<div>
<textarea class="np" raws="7" cols="51">
2012-04至今 上海运营社信息科技有限公司 市场营销(实习生)
负责公司线上端资源的销售工作(以开拓客户为主),公司主要资源以智汇推、百度、小米、360、沃门户等;
实时了解行业的变化,跟踪客户的详细数据,为客户制定更完善的投放计划(合作过珍爱网、世纪佳缘、56视频、京东等客户)
2010.03-2012.03 上海一百丁信息科技有限公司 软件工程师
负责公司业务系统的设计及改进,参与公司网上商城系统产品功能设计及实施工作。
负责客户调研、客户需求分析、方案写作等工作
参与公司多个大型电子商务项目的策划工作,担任大商集团网上商城一期建设项目经理。
</textarea>
</div>
<div class="display-flex">
<div class="dbc"></div>
<div></div>
<div class="dbc"></div>
<div></div>
<div class="dbc">校园经历</div></div>
<div>
<textarea class="np" raws="4" cols="51">
2009.03-2011.06 上海运营社信息科技有限公司 校园大使主席
目标带领自己的团队,辅助运营社公司完成在各高校“伏龙计划”,向全球顶尖的AXA金融公司推送实习生资源。
整体运营前期开展了相关的线上线下宣传活动,中期为进行咨询的人员提供讲解。后期进行了项目的维护阶段,保证了整个项目的完整性。
</textarea>
</div>
<div class="display-flex">
<div class="dbc"></div>
<div></div>
<div class="dbc"></div>
<div></div>
<div class="dbc">技能证书</div>
</div>
<div>
<textarea class="np" raws="3" cols="51">
普通话一级甲等;
大学英语四/六级(CET-4/6),良好的听说读写能力,快速浏览英语专业文件及书籍;
通过全国计算机二级考试,熟练运用office相关软件。
</textarea>
</div>
<div class="display-flex">
<div class="dbc"></div>
<div></div>
<div class="dbc"></div>
<div></div>
<div class="dbc">自我评价</div>
</div>
<div>
<textarea class="np" raws="2" cols="51">
深度互联网从业人员,对互联网保持高度的敏感性和关注度,熟悉产品开发流程,有很强的产品规划、需求分析、交互设计能力,能独立承担APP和WEB项目的管控工作,善于沟通,贴近用户。
</textarea>
</div>
<div class="display-flex">
<div><input type="submit" name="up"></div>
<div><input type="reset" name="new"></div>
</div>
<div class="dbc"></div>
<!--newResume end-->
</form>
</div>
</body>
</html>
这个只是input
回答
问题补充:这是网上的理想output效果
我的是
这么个效果
主要是php还没开始学就比较难搞。
以上是 如何将表单内容通过php展示出来 求解! 的全部内容, 来源链接: utcz.com/a/65799.html