Question

我有一张表格 - 几乎不需要fiels;

当代码是这样时，它实际上有效，

<input value="Send Message " type="submit">

但是当包含css时它不起作用..表单在没有任何验证的情况下提交。

<a class="button form-button-submit" >  Send </a>

对此有任何帮助吗？

Answer 1

使用链接按钮，您使用JavaScript提交表单。这可能并不总是导致浏览器验证数据。相反，使用普通的提交按钮并相应地设置样式，如下所示：

<form action="/somewhere" method="post">
    <input type="text" name="a_field" required>
    <button type="submit" class="form-button-submit">Send</button>
</form>

Answer 2

好吧，看起来你不仅仅是在添加CSS，而是在改变HTML！

保持元素相同，但应用类，你应该没问题。

<input value="Send Message" type="submit" class="button form-button-submit">

HTML5 - 必填字段不起作用

2 个答案: