如何使按钮（输入）仅适用于 html 中的一个文本框？

Posted 2023-03-05

【中文标题】如何使按钮（输入）仅适用于 html 中的一个文本框？

【英文标题】：How to make a button(input) work for only one textbox in html?

【发布时间】：2021-12-17 16:53:19

【问题描述】：

在下面的代码中，所有提交和重置按钮都适用于所有文本框，但是我希望它能够使每个按钮都适用于其上方的文本框。我希望一个按钮只能用于一个文本框。

<form name="email" action="mail.php" method="get">
        <table>
            <tbody>

                <tr><td>Ad:</td><td><input type="text" name="ad" size="20" maxlength="30" required></td></tr>
                <tr><td>Soyad:</td><td><input type="text" name="soyad" size="20" maxlength="30" required></td></tr>
                <tr><td> <td></td> </td></tr>
                <tr><td> <td></td> </td></tr>
                <tr><td> <td></td> </td></tr>
                <tr><td>email:</td><td><input type="email" name="email"></td></tr>
                <tr><td><input type="submit"></td><td><input type="reset"></td></tr>
                <tr><td> <td></td> </td></tr>
                <tr><td> <td></td> </td></tr>
                <tr><td> <td></td> </td></tr>
                <tr><td>Web:</td><td><input type="url"></td></tr>
                <tr><td><input type="submit"></td><td><input type="reset"></td></tr>

            </tbody>
        </table>
    </form>

我该怎么做？

【问题讨论】：

您需要使用js 发布该内容 - 从这里开始：developer.mozilla.org/en-US/docs/Web/Guide/AJAX

@A.Meshu 难道只使用 html 就不可能吗？这是一件非常简单的事情。只需将一个按钮和文本框绑定在一起即可。我真的需要了解 javascript 吗？

如果您提交一个您想要的字段，原始页面将重新启动。您可以使用php“破解”它，或者将您的字段拆分到不同的页面并在每个帖子上重定向到该页面 - 但是这会浪费时间。

点击提交时，表单内的所有输入都将提交并且页面将刷新。这是您点击提交时的预期行为。如果您想更改它（例如，向服务器发送特定字段而不刷新页面等） - 您需要使用javascript。

将它们放入单独的 div 不起作用仍然不同 div 中的按钮会影响不同 div 中的文本框。

【参考方案1】：

为此，我认为您需要通过 javascript 提交请求 然后您就可以控制表单并将准确的数据发送到服务器

【讨论】：

难道不能只使用 HTML 吗？这是一件非常简单的事情。只需将一个按钮和文本框绑定在一起即可。我真的必须知道 Javascript 吗？

我想是的。否则，您需要不同的文本框并提交由单独的表单包裹的按钮。

然后我将为每对文本框和按钮创建单独的表单。我当然不能马上学习javascript。