本文目录一览：
- 1、表单链接数据库，数据库该怎么设计，php连接程序怎么写？谢谢，下面是表单代码。
- 2、FineReport怎么进行表单设计 FineReport的表单设计简单示例
- 3、使用WEB表单提交到PHP，POST方式报错：没有定义；用GET方式就可以得到值。似乎ASP服务器也这样。
- 4、关于Web表单设计的经验分享
- 5、在PHP中，如何设计表单可以实现如下功能： 可以添加行，进行多条数据的录入，再提交到数据库中。
- 6、有好用，开源的 Web 表单设计器吗
表单链接数据库，数据库该怎么设计，php连接程序怎么写？谢谢，下面是表单代码。
网页：
body
form action="Connection.php"method="post"
table bgcolor="#eeeeee"
tr
td colspan="2" align="center"b情况登记/b
tr
td姓名:tdinput size="20" type="text" name="name"
tr
td密码:tdinput size="20" type="password" name="password
tr
td性别:tdinput type="radio" name="stuSex" value="0"男input type="radio" name="stuSex" value="1"女
tr
tdtdinput type="submit" value="提交"/ainput type="reset"value="重写"
/table
/form
/body
数据库表:
CREATE DATABASE `student`;
CREATE TABLE `student` (
`id` int(10) NOT NULL AUTO_INCREMENT,
`name` varchar(50) NOT NULL,
`password` varchar(50) NOT NULL,
`stusex` int(1) NOT NULL,
PRIMARY KEY (`id`)
);
PHP Connection.php代码:
?php
$db = mysql_connect('localhost', 'root', '123456'); //root是数据库账号 123456 是数据库密码
if (!$db) {
die('无法连接: ' . mysql_error());
}
mysql_select_db('student', $db) or die ('无法使用数据库: ' . mysql_error());
$name = trim(strip_tags($_POST['name']));
$password = md5(trim($_POST['password']));
$stusex = intval($_POST['stusex']);
$sql = "insert into student (`name`,`password`,`stusex`) values ('$name','$password','$stusex')";
mysql_query($sql) or die("无法保存学生数据: " . mysql_error());
die("保存成功");
?
FineReport怎么进行表单设计 FineReport的表单设计简单示例
我一直用finereport，超级适合中国式复杂报表，表单制作功能也超级好，
FineReport是一款报表软件，它的报表操作功能是报表软件中的佼佼者。
新建表单点击文件新建表单，如下图：
拖入组件
如上图所示的效果图，我们可以看到该表单需要有1个下拉框控件，一个文本控件，以及对应的2个标签控件，还需要一个以表格形式显示数据的报表块，此时，我们确定了需要在表单中添加一个报表块，4个控件。
在组件介绍中，我们知道控件即可依附于参数面板组件存在，也可以单独以组件的形式存在，在这里可随意使用哪种形式，效果都一样，那么使用依附于参数面板组件存在的形式。
参数组件
从工具栏中将参数组件拖拽至表单主体中，并将相应的四个控件：下拉框、文本、2个标签控件拖拽至参数组件中，并设置标签控件的控件值分别为：订单ID和客户ID，如下图：
报表块组件
从工具栏中将报表组件也拖拽至表单主体中，如下图：
如果组件数量过多，在web端展示的时候自适应在一页内显示会比较拥挤，那么此时可以可以再右侧下方选中整体框架body，在右侧上方的属性表中将组件缩放修改为自适应原样缩放，如下图：
充满展现区域：是指在web端展示的时候，所有组件自适应充满整个浏览器页面显示，不出现滚动条；自适应原样缩放：是指在web端展示的时候根据制作表单时候组件大小比例显示，并不缩放充满整个web页面，如果超过页面大小，会出现滚动条。
控件绑定数据
定义数据集
效果图中，新建数据集ds1：SELECT
*
FROM
订单
where
订单ID=${orderid}，参数orderid的默认值为10001,。
注：参数名字必须与订单ID下拉框控件名称保持一致。
订单ID下拉框
选中下拉框控件拖拽到适当位置，下拉框控件名设为“orderid”，数据字典来自FRDemo数据库的订单表（数据类型选择数据库表，数据库选择FRDemo），实际值和显示值均为订单ID，控件值为空。
客户ID文本框
选中文本框控件拖拽到适当位置，文本框控件名为customerid，控件值选择为绑定字段，数据来源于ds1数据集中的客户ID字段，如下图：
注：此处选择ds1数据集是为了实现下拉框与文本框的联动，下拉框控件名称为orderid，ds1数据集根据orderid参数对数据进行了过滤，也就是ds1数据集根据下拉框控件的值对数据进行了过滤。
报表块
参数面板与控件都已经设置好之后，点开报表块里面的触笔按钮，进行报表块编辑界面。
新建数据集
效果图中，报表块里面要显示订单明细数据，根据订单ID进行过滤，新建数据集ds2：select
*
from
订单明细
where
订单ID=${orderid}，orderid默认值为10001.
表样设计
如下图所示，设计表样：
到此为止，表单就已经制作好了。
保存表单并预览
保存表单，表单模板后缀名为.frm，点击预览按钮进行预览，即可看到效果。
希望对题主有帮助
使用WEB表单提交到PHP，POST方式报错：没有定义；用GET方式就可以得到值。似乎ASP服务器也这样。
我也遇到过一次，用get可以，POST却不行。我那次问题是因为表单类型问题
form action="ok.php" method="post" enctype="text/plain"
/form
去掉后面的enctype="text/plain"就可以了，这个东西是在php文件中按快捷创建post表单时自动加上的,get则不会。
不知道你的问题和我的一样不
关于Web表单设计的经验分享
表单在UI设计中的出现场景还是比较多的，尤其是在一些To B的产品设计中。最近自己有做大量web 表单设计，就想把自己学到的一些关于表单设计的知识点分享给大家～
一、什么是表单？
表单在网页中的主要功能是负责采集数据以及向服务器传送数据的。表单是采集用户信息数据重要的途径。好的表单设计能提升信息采集的效率与成功率。不好的表单设计会影响用户心情，体验差，导致信息采集不成功甚至带来利益的损失。
二、表单的构成
表单通常由标签、输入域、操作按钮、这三部分构成。
标签
标签我们可以把它理解为标题，告诉用户该表单需要填写什么信息、该表单需要采集什么内容。标签通常出现在输入域的左边、顶部、或者输入域内。
标签按所填信息的必要性分为必填项和非必填项，一般我们会在必填项的标签内容加上＊号。＊号的的摆放位置有下面两种情况：
1.当标签与输入域居中对齐时，建议把＊号放在标签左侧。
因为＊号比较显目，用户往往第一眼会先看到它，然后按照用户从左往右的阅读习惯，视觉落点分别为文字标签、输入域。考虑到表单的填写效率，＊号位于左侧的表单阅读起来会更加顺畅。所以当标签与输入域居中对齐时，把＊号放在标签左侧会更好。
2.当标签与输入域左对齐时，建议把＊号放在标签右侧。
由于人们纵向的阅读习惯，视线会成F型。＊号在左侧还是在右侧并不会对用户视觉落脚点造成太多困扰，另外考虑到对齐的形式，＊号放在标签右侧会更好。
输入域
输入域是录入用户各种类型信息的重要交互区域。输入域包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框、和文件上传框等等。
不知道这些输入域的区别的小伙伴可以去ant design官网学习一下，传送门：
因为输入域是录入信息很重要的交互区域，在设计时我们应该考虑用户输入的多种场景去设计。我们可以将用户的输入过程分为输入前、输入中、输入后。根据每一种场景中细化我们的设计。比如在输入中：我们要考虑光标的设计、输入文字信息的设计，信息提示等，在输入后：我们要考虑信息输入错误应该给予怎样的视觉反馈等。总之考虑得越细致，越能提高信息录入的成功率。
操作按钮
操作按钮是在用户填写完表单各项内容后，所要进行的操作动作，来完成或者结束当前操作流程。操作按钮分为全局操作按钮与局部操作按钮。全局操作按钮控制整个表单，比如提交、发送等操作按钮。局部操作按钮是对某一范围的内容起作用，比如编辑、删除操作。
三、表单设计常见问题
1.标签采用哪种对齐方式更好？
在我们的实际项目中，通常会因为文案的长短不一，导致我们不知道该采用哪种对齐方式。标签的处理原则就是要要尽量对齐，采用哪种对齐方式应考虑具体的制约因素和目标来定。
左对齐
当标签采用左对齐的方式的时，因为文字标签的长度不统一，导致标签与输入框的间距是不可控的。这就会造成设计的通用性不强，以及横向空间的浪费。
如果采用左对齐的形式，就要尽量去保持文字标签的长度一致，比如通过字距的调整让文字标签的长度保持一致或者通过留足留白空间，这样设计上会更统一。以为例，采取左对齐形式，但是它留足了文字标签与输入域之间的距离，让表单看上去更统一和谐，不足的就是造成了部分空间的浪费。
顶对齐
采用顶对齐的形式，会让标签和输入域垂直显示，纵向布局的信息呈现效果会更好，从而提高用户填写的效率。顶对齐因为垂直排布，会造成纵向空间的浪费，但在横空间上比较节省，比较适用于横向宽度较窄的页面。
▵顶对齐
右对齐
右对齐跟左对齐一样会因为标签长度不可控。导致设计的通用性不强，以及横向空间的浪费，但节约了纵向空间。
▵右对齐
在这几种对齐方式中，用户浏览信息的速率顶对齐右对齐左对齐。顶对齐形式适合简易表单、右对齐与左对齐表单适合复杂表单。
2.操作按钮应该用哪种设计形式比较好？
对于全局的操作按钮会用常规的按钮样式，全局按钮分为主按钮与次按钮。
主按钮
主按钮是界面中比较重要的功能操作按钮，比如提交、保存等一些正向的操作。主按钮在视觉层级上最高，能够引导用户很快的找到核心的操作并点击。主按钮通常是纯文本或图文结合的面性形式。图文结合的形式能吸引用户注意，也帮助用户理解该按钮的操作含义。
次按钮
次按钮的层级相对于主按钮层级要弱一些，通常采用线性形式。在一个页面中可以出现多个次按钮。
对于局部操作按钮的设计形式可以是文字按钮、图标按钮，也可以是图标＋文字的形式。至于应该应用哪种形式就要结合具体端场景去考虑。
图标按钮
图标按钮就是用图标来代表该操作的含义，能够直观的表达按钮的功能。在设计的时候我们需要注意图标是易于理解的、是用户熟悉的。图标按钮的设计通常都会配上悬浮框设计，也就是当用户鼠标停留在该图标按钮上会出现对该按钮的文字释义的悬浮框。以微信公众号为例，当鼠标停留在编辑图标那时会出现黑色的悬浮框对其进行解释，让用户理解此按钮的意义，让用户放心操作。
在web设计中，由于按钮的种类与使用场景比较多，建议局部的操作按钮使用线性图标，让它的层级相对其他按钮要弱化一些。
文字按钮
文字按钮通常出现在列表的操作项中。文字的颜色通常是品牌色或者蓝色，因为蓝色在用户的认知中通常是可点击的。
图标＋文字 按钮
图文结合的按钮相对于纯文字按钮会更加直观，也能更吸引用户注意。
3.输入框应该设计几种状态？
考虑的状态越多，设计就会越细，能够及时的反馈信息给用户，从而提高表单填写效率。在考虑输入框的设计状态时，遵循及时反馈的设计原则去考虑。
为了避免用户填写完所有信息后，才反馈有错误，会造成时间浪费，表单填写效率低。通常会把输入框线变成红色，同时出现红色的说明文案，来引起用户的注意。
▵及时反馈错误信息
在设计中我们还需要考虑自动校验的成功与警告状态。颜色通常为绿色与橙色。
输入框到底应该设计几种状态我们也需要根据我们表单的复杂情况去考虑，对于简单的表单设计过于细化的状态是没有必要的。
写在最后的话
表单设计看起来简单，但实际在设计过程中还是有大量的点值得我们去学习与研究的。在这次做表单的过程中，觉得作为设计师我们不应该去挑活，不要觉得表单设计是一个很小的设计就不动脑的照着别人的设计规范抄一遍。像这种看似枯燥但又很重要的模块设计，我们在前期开始设计之前可以从交互层去考虑，再从视觉层面去考虑怎样的表单设计能让用户填得舒心又高效。在看别人的设计规范比如ant design的组件规范时，我们可以去留意他们的设计细节，比如表单上下之间的间距留的是多少？有什么规律吗？按钮的上下边距与左右边距有什么关系吗？通过这些思考，然后去观察总结，并转化为自己的小技巧，到下一次设计表单的时候，我们就会做得很好了。
往期解析
UI设计－首页解析
详情页设计技法解析
轻松get文字标签设计技法
Get点9切图方法（内附切图神器）
在PHP中，如何设计表单可以实现如下功能： 可以添加行，进行多条数据的录入，再提交到数据库中。
将多条的数据 名称设置为xxx[] 这样的格式 带有[]的那种 固定的单独存到一个表单里 在接受页面 使用foreach循环xxx数组 然后进行添加
有好用，开源的 Web 表单设计器吗
刚刚看到一个：WEB表单设计器 Ueditor Formdesign Plugins -leipi.org
javascript的，不知道是否能满足你要求。我也正在了解，还没用过
