如何将表单内容通过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

回答

问题补充:

如何将表单内容通过php展示出来 求解!

这是网上的理想output效果

我的是
如何将表单内容通过php展示出来 求解!

这么个效果

主要是php还没开始学就比较难搞。

以上是 如何将表单内容通过php展示出来 求解! 的全部内容, 来源链接: utcz.com/a/65799.html

回到顶部