我应该使用一种形式还是两种不同形式

时间:2019-02-22 19:28:28

标签: html forms

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

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

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

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

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

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

1 个答案:

答案 0 :(得分:1)

您有时间这样做吗?因为如果这样做,我将不会使用表单生成器,甚至不会使用表单。 See this question.

我还将使用选项卡式UI。表单有点不堪重负...每个屏幕上的部分更少,可以使用next=>按钮或选项卡式UI来简化。 (请注意,在创建选项卡式界面时,这些选项卡只是一种视觉技巧。实际上,开发人员可以使用所有字段,就像它们都在同一页面上一样)。 {3}},使选项卡式界面变得轻而易举!

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

另外,听起来您可以使用一些jQueryUI Tabs (又称“灯箱”)。你会爱上他们的。

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

tips on using modals-重要:使用向下箭头开始在每张幻灯片上显示内容

jQuery

flexbox

More about AJAX


构建项目的一些技巧

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

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

  3. 如果项目中有任何PHP,请使用大量fopen() Write-to-File 语句,这样您就可以知道代码在崩溃前到达了哪里。 ,或学习使用Also... Chrome加载项。