html - 我应该有一个表格还是两个单独的表格
问题描述
我有两种表格(如下),一种是旅行计算器,另一种是花钱计算器
旅行计算器上有一个花钱收音机(如果单击“是”,将在新标签中打开花钱计算器,尚未添加功能)
从可用性的角度来看,我应该:
- 将两个计算器分开,因为它们在视觉上已经足够大,或者
- 在主计算器中添加一个条件部分,如果单击“是”,支出计算器将在与主计算器相同的页面中打开,如果打开整个计算器则更长?
http://tripcalculator.travel2mania.com/WrestleMania.php
http://spendingcalculator.travel2mania.com/WrestleManiaspending.php
解决方案
你有时间做这件事吗?因为如果你这样做,我不会使用表单生成器,我什至不会使用表单。看到这个问题。
我也会使用选项卡式 UI。表单有点压倒性......每个屏幕的部分更少,带有next=>
按钮或选项卡式 UI,会更容易使用。(请注意,在创建选项卡式界面时,选项卡只是一种视觉技巧。实际上,开发人员可以使用所有字段,就好像它们都在同一个页面上一样)感谢jQueryUI Tabs,使选项卡式界面成为微风!
如果您重新设计您的 UI,那么您可以在同一个屏幕上显示两者。
此外,听起来您可以使用一些关于使用模式(又名“灯箱”)的技巧 。你会爱上他们的。
而且,如果你还不知道这两件事,你应该每人花半个小时复习一下……
jQuery——重要:使用向下箭头开始在每张幻灯片上显示内容
关于构建项目的一些提示
对于上述每个小部件(选项卡、模态框等)——首先做一些微小的、简单的测试/练习。不要只是尝试将它们应用于您的项目。你不会节省时间——你会浪费它。
当您构建您的项目时,首先在其自己的项目中构建这些小部件界面中的每一个——就好像一个东西(例如,jQUI 选项卡)是项目中唯一的东西。因此,分别构建每个小部件。然后将它们整合为最后一步。你会很高兴你做到了。
如果您在项目中有任何 PHP,请使用大量的
fopen()
Write-to-File语句,以便您知道代码在崩溃之前到达了哪里,或者学习使用PHPConsole Chrome 插件。
推荐阅读
- javascript - 不明白为什么我的表格的背景颜色不像我想要的那样出现
- java - 按下按钮而不达到点击事件时应用程序崩溃
- excel - 在这里,我有一些第 1 列的表格:
- lean - 定理中命题的大括号和圆括号之间的区别
- javascript - 如何显示群组消息
- laravel - 当用户使用电报机器人加入电报组时如何处理 new_chat_members?
- html - 有没有办法让引导一列高度等于垂直两列?
- javascript - 如何使用减少 JavaScript 增加同一周的计数?
- php - 无法在我的工作的 HTML/CSS 模板中添加背景
- twig - 如何检查 li 是否有 class Active?