我应该使用一种形式还是两种单独的形式 [英] Should I have One form or two seperate forms

问题描述

我有两种形式(如下)，一种是旅行计算器，另一种是花钱计算器

I have two forms (below) one is a trip calculator and one a spending money calculator

行程计算器上有一个花钱单选按钮(如果单击是"，将在新选项卡中打开花钱计算器，功能尚未添加)

There is a spending money radio on the trip calculator(if clicked "yes", will open the spending money calculator in new tab, functionality not added yet)

从可用性的角度来看，我应该:

From a usability perspective should I:

1. 将两个计算器分开放置，因为它们在视觉上已经足够大 或
2. 在主计算器中添加一个条件部分，如果单击是"，则支出计算器将在与主计算器相同的页面中打开，从而使整个计算器更长(如果打开)?

1. Leave the two calculators separate as they are large enough visually already OR
2. Add a conditional section to the main calculator where if clicked yes, the spending money calculator will open in the same page as the main calculator making the whole calculator longer if opened?

http://tripcalculator.travel2mania.com/WrestleMania.php

http://spendingcalculator.travel2mania.com/WrestleManiaspending.php

推荐答案

您有时间这样做吗?因为如果这样做，我将不会使用表单生成器，甚至不会使用表单. 看到此问题.

Do you have the time to do this right? Because if you do, I would not use a form generator, and I would not even use forms. See this question.

我还将使用选项卡式UI.表单有点令人不知所措...每个屏幕上的部分更少，使用next=>按钮或选项卡式UI，将更易于使用. (请注意，在创建选项卡式界面时，选项卡只是一个视觉技巧.实际上，开发人员可以使用所有字段，就像它们都在同一页面上一样) a href ="https://jqueryui.com/tabs/" rel ="nofollow noreferrer"> jQueryUI选项卡，使选项卡式界面轻而易举！

I also would use a tabbed UI. The forms are a bit overwhelming... having fewer sections per screen, with either a next=> button, or a tabbed UI, would be easier to use. (Note that when creating a tabbed interface, the tabs are merely a visual trick. In reality, all fields are available to you, the developer, as if they all were on the same page) Thanks to jQueryUI Tabs, making tabbed interfaces are a breeze!

如果重新设计UI，则可以在同一屏幕上同时显示它们.

If you re-work your UI, then you can bring both up on the same screen.

另外，听起来您可以使用使用模态的技巧 (又名灯箱").你会爱上他们的.

Also, sounds like you could use some tips on using modals (aka "lightboxes"). You will love them.

而且，如果您还不了解这两件事，则应各花半小时刷一下...

And, if you don't already know about these two things, you should take a half hour each and brush up...

jQuery -重要:使用向下箭头开始显示每张幻灯片上的内容

flexbox

更多关于AJAX

对于上述每个小部件(制表符，模态等)-首先进行一些小巧，简单的测试/练习.不要只是试图将它们应用到您的项目中.您不会节省时间-您会浪费时间.

1. For each of the above widgets (Tabs, Modals, etc) - do a few tiny, simplistic tests/exercises first. Don't just run into trying to work them into your project. You will not save time -- you will waste it.

在构建项目时，首先在其自己的项目中构建这些小部件接口中的每个接口-好像一件事(例如jQUI Tabs)是项目中唯一的事情.因此，分别构建每个小部件. THEN 将它们集成为最后一步. 您会很高兴的.

When you build your project, first build each of these widget interfaces in its own project -- as though that one thing (the jQUI Tabs, for eg) is the only thing in the project. So build each widget separately. THEN integrate them as the final step. You will be glad you did.

如果项目中有任何PHP，请使用大量的fopen() Write-to-File 语句，以便在崩溃之前知道代码到达的位置，或者了解如何使用 PHPConsole Chrome加载项.

If you have any PHP in the project, either use a lot of fopen() Write-to-File statements, so you know where the code got to before it crashed, or learn to use the PHPConsole Chrome add-in.

这篇关于我应该使用一种形式还是两种单独的形式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！