尝试提交表单而不填写必填字段时如何获得提示？（不适用于 Firefox 移动版）

Question

在 Firefox 移动版中提交表单而不填写必填字段时，我没有收到提示，显示缺少哪个字段。在 Windows 上的 Firefox 和 Android 上的 Chrome 中，我收到了一个工具提示，并且强调了字段边框。在 Firefox 移动版 (android) 上什么也没有发生。

我确实尝试创建一个非常简单的表单，以确保我的代码中没有其他内容导致此问题：https://johanstemplate.w3spaces-preview.com/testrequiredform/index.html

A 还尝试以隐身模式打开表单。

这是代码：

<!DOCTYPE html>
<html>
<head>
    <title>Kontaktformulär</title>
</head>
<body>
    <h2>Kontakta oss</h2>
    <form action="https://formspree.io/f/<my_key>" method="post">
        <label for="name">Namn:</label>
        <input type="text" id="name" name="name" required><br>

        <label for="email">E-post:</label>
        <input type="email" id="email" name="email" required><br>

        <label for="message">Meddelande:</label>
        <textarea id="message" name="message" rows="4" required></textarea><br>

        <input type="submit" value="Skicka">
    </form>
</body>
</html>

这是我的网站。联系表格位于底部。需要两个字段：姓名 (namn) 和电子邮件。 https://johanstemplate.w3spaces.com/

我可以做一些不同的事情来让它发挥作用吗？

Answer 1

我再次查找更多信息，发现之前有人遇到过同样的问题： Android 上的 Firefox 移动浏览器不显示 HTML 表单验证错误消息

在该线程中还有一个已提交错误的链接： https://bugzilla.mozilla.org/show_bug.cgi?id=1510450

在这个帖子中，我了解到可以使用 :user-invalid 作为解决方法。 https://www.reddit.com/r/firefox/comments/oehb2t/html_form_validation_broken_in_newer_versions_of/

这是一个例子： https://developer.mozilla.org/en-US/docs/Web/CSS/:user-invalid

尝试提交表单而不填写必填字段时如何获得提示？（不适用于 Firefox 移动版）

问题描述投票：0回答：1

1个回答

最新问题

尝试提交表单而不填写必填字段时如何获得提示？ （不适用于 Firefox 移动版）

问题描述 投票：0回答：1

1个回答

最新问题

尝试提交表单而不填写必填字段时如何获得提示？（不适用于 Firefox 移动版）

问题描述投票：0回答：1