提交<button>不适用于Materialise CSS，但提交<input />标签有效 - 解决方案

Question

我最初使用表单和提交按钮创建了一个应用程序。

<input id="submitFileUrlForDownload" type="submit" name="fileurlsubmitted">

在我开始使用Materialize来设置应用程序样式之前，它一直运行良好。 Materialize要求开发人员使用button标记而不是input type="submit"来表示样式。

但是虽然提交在没有Materialize的情况下工作，但它已停止工作，但不会更改PHP代码行。

可能是什么原因？这就是我解决这个问题的方法。

Answer 1

在我的情况下，原因是我需要在value="any_value"标记内添加button，并且PHP提交再次起作用。该值实际上并未在任何地方使用，但它似乎对表单提交按钮至关重要。

比较两段代码：

1. 可以使用Materialise：
看起来很棒

<input id="submitFileUrlForDownload" type="submit" name="fileurlsubmitted">

1. 使用<button>
无法使用Materialise

<button name="fileurlsubmitted" class="btn waves-effect waves-light" id="submitFileUrlForDownload">Download<i class="material-icons right">file_download</i></button>

1. 将使用<button>和value
使用Materialise

<button name="fileurlsubmitted" value="ANY_VALUE_HERE" class="btn waves-effect waves-light" id="submitFileUrlForDownload">Download<i class="material-icons right">file_download</i></button>

Answer 2

将按钮标记的type属性设置为“submit”。您可以创建一个按钮提交表单数据。 See here

<button type="submit" name="fileurlsubmitted" class="btn waves-effect waves-light" id="submitFileUrlForDownload" disabled>Download<i class="material-icons right">file_download</i></button>