1

我想模拟他在 HTML 中输入 DOS 程序的旧习惯。将其视为订单。首先，我有一堆用于输入姓名、地址等的表单字段。

之后我有几个产品组。每个组只有两个字段。一个用于产品，另一个用于数量。现在，如果产品字段不为空，我希望通过表单为特定组设置一组新的两个输入字段。如果您输入一个产品，您就有机会输入另一个产品。输入非，你很快就会在下一组中标记自己。

现在我正在考虑并寻找最有效的解决方案，该解决方案提供了在此表单内无需使用鼠标即可最快地输入数据的方式。我可以完全自由地使用 jquery、html5 或其他任何东西。但我绝对想要这种输入方式，Turbo Pascal 给了我一个小循环和一些 ReadLn 命令。

欢迎所有建议

- 编辑

开始编码：基本形式如下所示

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Testform for a DOS-like behavior</title>
</head>
<body>
<pre>
<?php print_r($_POST); ?>
</pre>
<form action="testform.php" method="post" id="formmail">
    <fieldset id="person">
        <legend>Person</legend>
        <label for="name">Name:</label>
        <input type="text" name="name" id="name" value="">
        <br>
        <label for="email">E-Mail:</label>
        <input type="text" name="email" id="email" value="">
        <br>
        <label for="phone">Phone:</label>
        <input type="text" name="phone" id="phone" value="">
    </fieldset>
    <fieldset id="productgroup1">
        <legend>Product Group 1</legend>
        Product: <input type="text" name="product[1][]">
        Qty: <input type="text" name="qty[1][]">
    </fieldset>
    <input class="button" type="submit" value="Submit">
</form>
</body>
</html>

*更新

发现小提琴的力量我做了这个：http: //jsfiddle.net/zarquon42/HcbfH/

这基本上就是我想要的。这让我很惊讶。现在我将看看它是否也适用于具有多组输入字段的上下文。

*下次更新

一些 jquery 更短：http: //jsfiddle.net/zarquon42/NdD7v/

4

1 回答 1

1

也许您可以使用 JQuery 终端仿真器插件？

http://terminal.jcubic.pl/

希望这可以帮助！

于 2013-03-08T14:11:19.603 回答