日期:2014-05-16  浏览次数:20715 次

求教一下web如何显示页面的问题
如图我要当我在下面的文本框也好,下拉框也好,填入信息后:

然后预览的时候就变成这个样子:


我不知道这样是怎么实现的:使用插件也可以或者自己编辑也行!
就是一般的简历网站填写信息,然后预览或者导出就是这个形式的!
求大神告知些方法或者窍门!非常O(∩_∩)O谢谢
------解决方案--------------------
这能有什么窍门,只不过有个编辑页面,编辑页面所带的 是可编辑的某些控件,然后表单提交(编辑或者添加)

还有展示信息页面,这种页面只需要从库里根据ID得到信息展示在页面即可,也可以直接输出在页面上
------解决方案--------------------
修改信息只是一般的页面进行数据提交 用js、jquery就可以实现的
预览简历信息就只是从数据库读取数据展示出来
------解决方案--------------------
引用:
Quote: 引用:

修改信息只是一般的页面进行数据提交 用js、jquery就可以实现的
预览简历信息就只是从数据库读取数据展示出来
我需要的就是显示的模板,我知道输出时很容易的,从数据库里面取出来,然后放在几个框框里面也可以啊,但是这样不美观,我就是要把从数据库得到的数据放到好的模板中,就想第二幅图一样,排版这些格式都相对于单纯的方框好很多!有没有什么demo或者是网站能做出这个效果?

会写css吗?自己布局div+css就可以了
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>简历预览</title>
<meta name="description" content="前程无忧为企业提供人才招聘、猎头、培训、测评和人事外包在内的全方位的人力资源服务,帮助个人求职者与企业搭建最佳的人才招募和人才培养渠道。">
<meta name="keywords" content="人才,招聘,简历,工作,面试,薪酬,跳槽,猎头,培训,测评,人事">
<meta name="robots" content="all">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
</head>
<body bgcolor="#FFFFFF">
<table width="778" border="0" cellpadding="0" align="center">
  <tr align="right">
    <td style="padding-right:20px;">
      <img src="http://img01.51jobcdn.com/im/2009/cv/print_ico.gif" align="absmiddle" /><a style="text-decoration:none;color:#333333;" href="javascript:window.print();">打印</a>&nbsp;&nbsp;<img src="http://img01.51jobcdn.com/im/2009/cv/daochu_ico.gif" align="absmiddle" /><a style="text-decoration:none;color:#333333;" href="javascript:cv_export('0','http://my.51job.com','83885741');">导出</a>
    </td>
  </tr>
</table>
<style>
table {
FONT-SIZE: 12px; LINE-HEIGHT: 150%; FONT-FAMILY: '宋体'
}
td {
FONT-SIZE: 12px; LINE-HEIGHT: 150%; FONT-FAMILY: '宋体';
}
P {
FONT-SIZE: 12px; LINE-HEIGHT: 150%; FONT-FAMILY: '宋体'
}
.blue {
COLOR: #256fb8
}
A:link {
COLOR: #296ebb; TEXT-DECORATION: none
}
A:visited {
COLOR: black; TEXT-DECORATION: none
}
.cvtitle {font-weight:700; color:#256fb8; font-size:14px; padding-top:5px;}
.blue1 { COLOR: #ff7400
}
.blue1 {color:#256fb8;}
.blue2 { COLOR: #ff7400
}
.font14 {font-size:14px;}
.graybutton {color:#676767;}
.v_table001{ width:710px; line-height:22px; margin:0 0 10px 10px; padding:0px; text-align:left; }
</style>