表单网站模板（表格网站模板）

本文目录一览：

• 1、需要一个HTML模板，用来做简单的表单数据录入
• 2、怎么用frontpage制作网页模板
• 3、科讯[已答复]自定义表单如何生成模板,如何前台显示
• 4、vue form表单开发快速模板vue-form-marking
• 5、在线表单哪个好？
• 6、InfoPath 表单模板发布到 SharePoint Server

需要一个HTML模板，用来做简单的表单数据录入

HTML做个数据录入的模板。如下参考：

1、首先新建一个html，点击body/body中间，先填入表格内容：

2.内容可根据要求编写，示例代码如下：

table

p style="text-align:center "功课表/p

tr

th语文/th

td7:00-7:40/td

td7:50-8:30/td

/tr

tr

th数学/th

td7:00-7:40/td

td7:50-8:30/td

/tr

tr

th英文/th

td7:00-7:40/td

td7:50-8:30/td

/tr

/table

3.然后在head/head中间输入样式表的样式，如下图：

4.样式也可以根据个人需要设置，设置单元格的宽度高度，合并单元格，位置，颜色等，示例代码如下：

style type="text/css"

body

{

width:340px;

height:800px;

}

table

{

border-collapse:collapse;

}

th,td

{

width:100px;

height:40px;

border:1pxsolidblack;

font-size:12px;

text-align:center;

}

/style

5.注意，此代码“table的意思是表”的含义是将表边框合并为单个边框以合并相邻的更改。

6.预览结果如下图所示，一个制作简单的HTML模板。

怎么用frontpage制作网页模板

你看到别人在网上安家时，是不是也羡慕得很，不过不要以为在网上安个家，就非要掌握那些繁琐的代码，事实 第一招，套出来的为了方便网友网上安家，有不少网站免费提供各种风格的模板，这个你可以在搜索引擎中，输入关键词“网页模板”进行搜索。事实上，在FrontPage中也为大家提供了一些简单的模板，不过风格就单调了点，所以还是到网上下载吧。然后，你就可以用FrontPage打开index.htm进行编辑了，你所要做的只是在相应的位置输入你的内容就可以了。 第二招，引出来的你可能注意到了，在别人的网站上有各种各样的特效，而你尽管用了模板，看上去还是并不生动。那就在搜索引擎中输入关键词“网页特效”进行搜索吧，很快你就能找到你所需要的，当然了，如果你喜欢，也可以找一些特效软件来用一下，比如“有声有色”、“网页特效梦工厂”等等。而引用特效的方法也非常简单，就是把代码复制到合适的位置就行了。 第三招，借出来的有了特效，我们的小家看上去有点样子了，不过我们可能没有那么多时间更新啊。不要紧，有些网站就为你想到了这些，有好多现成的代码可以借用，比如中华网的免费新闻代码，你只要将他们提供的新闻代码嵌入你自己的页面中，就可以随时与中华网保持同步更新，第一时间获得最新的新闻！当然了，我们这里只是拿新闻代码说事儿，事实上，还有好多其他各类的代码呢，自己到网上找找吧! 第四招，改出来的现在模板有了，特效有了，内容也可以做到随时更新了，一个像模像样的网页就做得差不多了。不过可能有的网友还是有意见，说了：我是新手，你上面说的那些我愣是没看懂。我晕……不过没关系，事实上我们还可以这样。当你在网上看到一个不错的网页的时候，用“文件→另存为”把这个网页全部保存下来。然后用一个网页编辑软件打开它，比如FrontPage，接下来，你就可以动手修改了，加加减减之间，一个新鲜的网页出炉了，不过值得注意的是，这里只是给你练习用的，可不要侵犯人家的版权哟! 第五招，框出来的我们知道，Flash以它自己的优点在网上大行其道，做一个自己的Flash网站一定是不少网友的梦想。可另有一个不容否认的事实是，最小的Flash也在几百K以上，用不了几个，你那可怜的免费空间就撑爆了。不过下面这招可以帮你，那就是框架网页了。同样以FrontPage为例，依次点击【文件】→【新建-网页】来新建一个带目录的框架网页；接下来，在目录框架中输入一些Flash的超链接，同时在该部分网页点击右键，打开“网页属性”，把“默认的目标框架”指向“main”主框架，这样，只要在目录框架中点击，就会在右边的主框架中打开相应的Flash，完全做到“嵌入不留痕”!你也有了自己的Flash网站了，而且不占用多少空间。 看完上面五招，相信你也已经有了一个自己的网上小家了吧？当然，说白了，上面五招也只能算是网页制作的速成小招术，如果要做出更漂亮的网页，还得有扎实的基本功，比如各种网页制作软件的熟练应用、熟悉各种网页代码以及优秀的创意等等。 网页是万维网的基本文档。网页可以是网站的一部分，也可以独立存在。Microsoft FrontPage 的许多特性是在使用网站时才会用到。FrontPage 中还有些特性可以帮助您设计和创建自己的网页。 为了帮助您创建外观专业、设计完善的网页，FrontPage 提供了多种网页模板 （模板：一组预先设计好的文本和图形格式的集合，可以基于这些内容创建新的网页和网站。使用模板创建网页或网站之后，可以自定义该网页或网站。），使您能快速地创建具有各种布局和功能的网页。例如，您可以使用 FrontPage 的模板创建用户注册网页、留言薄、反馈表单以及带有搜索表单的网页等。 可以使用主题来创建设计一致的网页。主题包含了采用一种配色方案的统一设计元素，包括字体、图形、背景、导航栏、水平线及其他网页元素。 如果想自己设计并布置网页，可以从一个空白的网页开始，然后进行以下一项或多项操作： 使用框架、表格、布局或绝对定位来精确定位网页上的文本和图形。 添加文本、图形、网页横幅、表格、表单、超链接等网页元素。 添加 Flash 内容、视频、声音或 GIF 动画等动态元素。 添加可以变化的内容或功能，如字幕 （字幕组件：网页上显示水平滚动文本消息的区域。）、计数器 （计数器组件：FrontPage 中的组件，跟踪万维网网站的访问者的数目。）、时间戳、网页过渡、交互式按钮以及使用动态

科讯[已答复]自定义表单如何生成模板,如何前台显示

iframe src="about:blank" name="hidform1" style="display:none"/iframe

script src="/ks_inc/common.js"/script

script src="/ks_inc/form_ck.js"/script

form name="myform" action="/plus/form/form.asp" onSubmit="return(form_c());" target="hidform1" method="post"

table width="100%" border="0" cellspacing="2" cellpadding="1"

input type="hidden" value="Save" name="action"/

input type="hidden" value="1" name="id"/

input type="hidden" value="{$ChannelID}" name="m"/

input type="hidden" value="{$InfoID}" name="d"/

input type="hidden" value="{$ToUserName}" id="tousername" name="tousername"/

tr class="tdbg"

td width="15%" height="30" align="right" class="lefttdbg"您的姓名：/td

td width="35%" height="30"input type="text" maxlength="255" class="upfile" style="width:120px" id="KS_xm" name="KS_xm" value=""span class="formstrck" id="您的姓名|%|KS_xm|%|1" style="display:none"/spanfont color="red" * /font /td

td width="15%" height="30"span class="lefttdbg"联系电话：/span/td

td width="35%" height="30"input type="text" maxlength="255" class="upfile" style="width:120px" id="KS_dh2" name="KS_dh2" value=""

span class="formstrck" id="联系电话|%|KS_dh|%|1" style="display:none"/spanfont color="red" * /font/td

/tr

tr class="tdbg"

td height="30" align="right" class="lefttdbg"E-mail：/td

td height="30" colspan="3"input type="text" maxlength="255" class="upfile" style="width:200px" id="KS_en" name="KS_en" value="" /td

/tr

tr class="tdbg"

td height="30" align="right" class="lefttdbg"留言标题：/td

td height="30" colspan="3"input type="text" maxlength="255" class="upfile" style="width:320px" id="KS_bt" name="KS_bt" value="" /td

/tr

tr class="tdbg"

td height="100" align="right" class="lefttdbg"留言内容：/td

td height="100" colspan="3"textarea style="width:436px;height:80px" rows="5" id="KS_nr" name="KS_nr"/textarea /td

/tr

tr class="tdbg"td height="30" align="right" class="lefttdbg"验证码：/td

td height="30" colspan="3"input name="Verifycode" type="text" name="textbox" size=5span style="color:#999"请输入右图中的字符/spanIMG style="cursor:pointer" src="/plus/verifycode.asp" onClick="this.src='/plus/verifycode.asp?n='+ Math.random();" align="absmiddle"/td

/tr

trtd height="50" colspan="4" align="center" class="subtdbg"input type="submit" value="确认提交" name="submit1" input type="Reset" value="重新输入" name="submit1"/td/tr

/table

/form

vue form表单开发快速模板vue-form-marking

工具地址：

GitHub地址：

线上地址:

from marking 模板分2个模板

一个模板是 fm-generate-form 用于展示从后端获取的json的数据

一个模板是 fm-making-form 用于拖拽生成json数据模板

form-marking 模板必须跟element-ui框架一起使用，其中包括拖拽的各种组件实际上是element的组件，包括筛选是否符合，都是调用了elementui的rules规则判断，包括最小值和最大值，正则，是否必填的判断

其中jsonData 是表单配置中生成的json数据，后端数据放入这个参数里，用于渲染生产form表单

editData 里放的是表单需要显示的表单数据，即表单初始化显示的初始值,以对象的形式放入，key值中input的model值。例如editData: {input_1554173787000_79900: "123"},

remoteFuncs 组件配置时配置的远端方法,保持和配置时输入的名称一致，具体方法名，可从jsonData中获取到remoteFunc的value中获取 ，可用于改变单选或者多选的默认value值,

具体改动value可以通过jsonData里props的值获取，这个一般用于获取后端参数后异步渲染value值。

当点击提交按钮时，可通过ref去调取目标模板是否校验完成 this.$refs.generateForm.getData().then(data = {// 数据校验成功// data 为获取的表单数据}).catch(e = {// 数据校验失败})

控件实际上是调用的element-ui框架里的组件库，当需要添加新的控件时，首先要在componentsConfig.js里去声明组件类型，包括type,name,icon以及options 其中type里是element-ui组件名，name是展示在左侧字段名字，icon是展示图标

图标是调用的 vue-awesome 组件库，需要用时，需要在Container.vue里important导入，方可使用。option是对这个控件做限制处理以及初始化处理具体可参考element-ui组件参数，然后需要去

WidgetFormItem.vue里添加控件模板，即拉取左侧图片到中间后，展示内容。具体写法类似于element-ui里的组件写法，没什么难度，最后只需要在GenerateFormItem.vue添加组件，这个主要是展示使用。也是最重要的一步，你所拉取的内容最终都会在这个vue里显示出来，这就是整个组件拉取的步骤。

在线表单哪个好？

制作在线表单可以使用问卷网，问卷网是专业调研平台，可参考模板快速创建表单，支持手机查看数据.使用问卷网可免费创建报名表，信息收集表，签到表等多种表格。

用户除了可以在电脑上编辑问卷网的问卷和表单，在手机上也可编辑。

在手机微信上搜索关注问卷网公众号，注册登录后，可随时随地快速创建、设计、发布一份问卷或表单，查看结果分析。用户可以进入「统计报表」下的「来源概况」中查看答题者的回答情况，问卷网的问卷来源主要包括地域分布和系统环境。

目前，微信版可支持单选题、多选题、打分题、填空题、地址题、日期题和邮箱题等题型。此外，还可以进行基本的外观设置和收集设置，能够满足迅速发布一个诸如活动投票、意见反馈、问题小调查等的问卷或表单。

InfoPath 表单模板发布到 SharePoint Server

以下是我抄微软的。具体可以打开连接看看

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

概述

可以将与浏览器兼容的表单模板发布到运行 InfoPath Forms Services 的服务器，以允许用户在 Web 浏览器中填写基于此表单模板的表单。如果此表单模板不包含任何脚本或托管代码，则当您将其发布到运行 InfoPath Forms Services 的服务器时，同时还可以将其发布到文档库或作为网站内容类型发布。如果此表单模板包含脚本或托管代码，则必须首先将其发布到共享网络文件夹，服务器管理员可以在此处将表单模板上载到运行 InfoPath Forms Services 的服务器，然后部署表单模板。

表单模板被发布到运行 InfoPath Forms Services 的服务器后，就可以按照下列方式使用它：

作为新的或现有文档库中的所有表单的模板 可以发布将用作新的或现有文档库中的所有表单的模板的表单模板。此表单模板可进行数字签名，但不得包含任何脚本或托管代码。

作为多文档库或网站集的网站内容类型 可以发布将用作多文档库或网站集中的表单的模板的表单模板。如果表单模板已进行了数字签名，则可以将此表单模板作为网站内容类型发布。但是，如果表单模板包含任何脚本或托管代码，则无法将其作为网站内容类型发布。包含脚本或托管代码的表单模板必须首先发布到共享网络文件夹，然后管理员才能将表单模板上载到服务器并部署它们。

在发布与浏览器兼容的表单模板之前，请使用“检查设计方案”来验证表单模板是否与 InfoPath Forms Services 兼容。如果表单模板是兼容的，则可以使用发布向导来发布表单模板。

发布表单模板与保存表单模板不同。发布表单模板时，发布向导将发布位置和处理说明添加到表单模板，以便用户可以打开基于该表单模板的表单。保存表单模板时，与在计算机上保存文件一样，您保存的是该表单模板的副本。要使表单模板可供您的用户填写，您应该始终使用发布向导。

返回页首

开始之前

在将与浏览器兼容的表单模板发布到运行 InfoPath Forms Services 的服务器之前，请执行下列操作：

与管理员确认您具有对服务器的必要权限，以将表单模板发布到文档库或者将表单模板作为新的网站内容类型发布。

与管理员确认 Office InfoPath 2007 正在服务器上运行，且被配置为将 InfoPath 表单显示为网页。

如果要发布的与浏览器兼容的表单模板包含需要管理员核准的脚本或托管代码，请向管理员咨询应在其中保存表单模板的共享网络文件夹的位置。此文件夹是您将发布表单模板的位置。在发布表单模板之后，管理员会将表单模板从此位置上载到服务器。

返回页首

将表单模板发布到新文档库

将表单模板发布到文档库时，在此库中创建的每个表单都将基于同一表单模板。可以使用发布向导将表单模板发布到文档库。发布向导将修改表单模板以在文档库中使用、创建新的文档库，然后将表单模板作为此文档库的默认表单模板保存。在发布表单模板之后，必须将 Microsoft Windows SharePoint Services 网站配置为在 Web 浏览器中显示基于此表单模板的表单。如果不配置 SharePoint 网站，则没有在计算机上安装 Office InfoPath 2007 的用户在尝试打开基于此表单模板的表单时，将收到一个错误。

在“文件”菜单上，单击“保存”。

在“另存为”对话框中，浏览到要保存表单模板的位置，然后单击“保存”。

要打开“检查设计方案”任务窗格，请单击“工具”菜单上的“检查设计方案”。

如果“检查设计方案”任务窗格中列出了错误，请修复这些错误，然后单击“刷新”以确定这些错误是否仍然存在。

在“文件”菜单上，单击“发布”。

在发布向导中，单击“具有或不具有 InfoPath Forms Services 的 SharePoint 服务器”，然后单击“下一步”。

在向导的下一页，在“输入 SharePoint 或 InfoPath Forms Services 网站的位置”框中，键入要发布表单模板的 SharePoint 网站的位置，然后单击“下一步”。

在向导的下一页上，选中“使用户可以通过浏览器填写此表单”复选框，单击“文档库”，然后单击“下一步”。

单击“新建文档库”，然后单击“下一步”。

在向导的下一页上，键入文档库的名称和说明，然后单击“下一步”。

选择表单模板中的域，您希望该表单模板作为列显示在文档库的默认视图中。

操作方法

单击“添加”。

在文档库中选择要添加为列的字段，然后请执行下列操作之一：

在“列名称”框内键入列的名称。

在“网站列组”列表中选择网站列，在“列名称”列表中选择一个名称，然后单击“确定”。

注释 如果您选择重复字段显示文档库中的数据，您可以通过单击“函数”列表中的值来定义希望该字段在文档库中的显示方式。您可以选择是否显示该字段中的第一个值、最后一个值或该字段出现的总次数，或者是否将所有的值合并在一起。

单击“确定”。

有关显示文档库中列的数据的详细信息，请在“请参阅”一节中查找相关链接。

单击“下一步”。

在向导的下一页上，验证所显示的信息是否正确，然后单击“发布”。

要确定是否表单模板已发布，请单击“打开此文档库”。如果表单模板已发布，Web 浏览器就会打开基于此表单模板的表单。

将 SharePoint 网站配置为在 Web 浏览器中显示基于此表单模板的表单。

操作方法

在 Web 浏览器中打开 SharePoint 网站。

在网站的右上角的“网站操作”菜单上，单击“网站设置”。

在“网站管理”下，单击“网站库和列表”。

单击“自定义 site name”。

在“常规设置”下，单击“高级设置”。

在“启用了浏览器的文档”中，单击“显示为网页”，然后单击“确定”。

返回页首

将表单模板作为网站内容类型发布

将表单模板作为网站内容类型发布时，发布向导将修改表单模板以用作网站内容类型。如同创建新文档库时一样，可以在发布向导中将表单模板转换为启用了浏览器的表单模板。然后，该向导会将表单模板作为网站内容类型保存到服务器。

在“文件”菜单上，单击“保存”。

在“另存为”对话框中，浏览到要保存表单模板的位置，然后单击“保存”。

要打开“检查设计方案”任务窗格，请单击“工具”菜单上的“检查设计方案”。

如果“检查设计方案”任务窗格中列出了错误，请修复这些错误，然后单击“刷新”以确定这些错误是否仍然存在。

在“文件”菜单上，单击“发布”。

在发布向导中，单击“具有或不具有 InfoPath Forms Services 的 SharePoint 服务器”，然后单击“下一步”。

在向导的下一页，在“输入 SharePoint 或 InfoPath Forms Services 网站的位置”框中，键入要发布表单模板的 SharePoint 网站的位置，然后单击“下一步”。

在向导的下一页上，选中“使用户可以通过浏览器填写此表单”复选框，单击“网站内容类型(高级)”，然后单击“下一步”。

在向导的下一页上，单击“新建内容类型”。

在“内容类型的父级”列表中，单击“表单”，然后单击“下一步”。

在向导的下一页上，键入此新内容类型的名称和说明，然后单击“下一步”。

在向导的下一页上，在“指定此表单模板的位置和文件名”框中，键入 SharePoint 网站的位置，然后单击“浏览”。

在“浏览”对话框中，通过浏览找到要在其中将表单模板作为网站内容类型发布的服务器上的位置，然后在“文件名”框中，键入表单模板的名称并单击“保存”。

单击“下一步”。

选择表单模板中的域，您希望该表单模板作为列显示在文档库的默认视图中。

操作方法

单击“添加”。

在文档库中选择要添加为列的字段，然后请执行下列操作之一：

在“列名称”框内键入列的名称。

在“网站列组”列表中选择网站列，在“列名称”列表中选择一个名称，然后单击“确定”。

注释 如果您选择重复字段显示文档库中的数据，您可以通过单击“函数”列表中的值来定义希望该字段在文档库中的显示方式。您可以选择是否显示该字段中的第一个值、最后一个值或该字段出现的总次数，或者是否将所有的值合并在一起。

单击“确定”。

有关显示文档库中列的数据的详细信息，请在“请参阅”一节中查找相关链接。

单击“下一步”。

在向导的下一页上，验证所显示的信息是否正确，然后单击“发布”。

单击“关闭”，然后验证表单模板是否为 SharePoint 网站上的内容类型。

操作方法

在 Web 浏览器中打开 SharePoint 网站。

在网站右上角中的“网站操作”菜单上，单击“网站设置”。

在“网站设置”中的“库”下，单击“网站内容类型”。

表单模板应该列在“网站内容类型库”中的“InfoPath 内容类型”下。

返回页首

发布需要管理员核准的表单模板

如果您的表单模板包含脚本或托管代码，则管理员必须将此表单模板上载到运行 InfoPath Forms Services 的服务器并进行部署。使用发布向导可以修改此类型的表单模板，并将其保存到共享网络文件夹。然后管理员可以将您保存到共享网络文件夹的表单模板上载到该服务器，并为您部署此表单模板。

在“文件”菜单上，单击“保存”。

在“另存为”对话框中，浏览到要保存表单模板的位置，然后单击“保存”。

要打开“检查设计方案”任务窗格，请单击“工具”菜单上的“检查设计方案”。

如果“检查设计方案”任务窗格中列出了错误，请修复这些错误，然后单击“刷新”以确定这些错误是否仍然存在。

在“文件”菜单上，单击“发布”。

在发布向导中，单击“具有或不具有 InfoPath Forms Services 的 SharePoint 服务器”，然后单击“下一步”。

在向导的下一页，在“输入 SharePoint 或 InfoPath Forms Services 网站的位置”框中，键入要发布表单模板的 SharePoint 网站的位置，然后单击“下一步”。

在向导的下一页上，选中“使用户可以通过浏览器填写此表单”复选框，单击“经管理员核准的表单模板(高级)”，然后单击“下一步”。

在向导的下一页上，在“指定此表单模板的位置和文件名”框中，单击“浏览”。

在“浏览”对话框中，通过浏览找到共享网络文件夹的位置，然后在“文件名”框中，键入表单模板的名称并单击“保存”。

单击“下一步”。

选择表单模板中的域，您希望该表单模板作为列显示在文档库的默认视图中。

操作方法

单击“添加”。

在文档库中选择要添加为列的字段，然后请执行下列操作之一：

在“列名称”框内键入列的名称。

在“网站列组”列表中选择网站列，在“列名称”列表中选择一个名称，然后单击“确定”。

注释 如果您选择重复字段显示文档库中的数据，您可以通过单击“函数”列表中的值来定义希望该字段在文档库中的显示方式。您可以选择是否显示该字段中的第一个值、最后一个值或该字段出现的总次数，或者是否将所有的值合并在一起。

单击“确定”。

有关显示文档库中列的数据的详细信息，请在“请参阅”一节中查找相关链接。

单击“下一步”。

在向导的下一页上，验证所显示的信息是否正确，然后单击“发布”。

与服务器管理员联系以上载和部署您的表单模板。

返回页首

关于表单网站模板和表格网站模板的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注云尚网络www.ysfad.net。