MaterialiseCss表单输入（提交）按钮

Question

我问的是这个问题，因为我遇到了这个问题，发现很少（非同感）没有关于此事的信息，这里有：

有html表单，如何正确设置materializecss的提交按钮？

如果你尝试传统方式，那就是：

<form>
    <div class="file-field input-field">
        ...
        <input type ="submit" class ="btn waves-effect waves-light" value = "Submit"/>
    </div>
</form>

这是你得到的：

正如您所看到的，可点击部分只是按钮的中间部分，其余部分不会触发表单子目录。

我正在寻找的是提供替代品的答案（没有javascript，只是html）。我会发布自己的答案，并希望找到有趣的替代方案。

Answer 1

这很好，并允许图像包含：

<div class="row">
    <button class="btn waves-effect waves-light" type="submit" name="action">Submit
        <i class="material-icons right">cloud</i>
    </button>
</div>

结果：

Answer 2

<table>
  <tr><td>Name</td><td><input type="text"/></td></tr>
  <tr><td>Title</td><td><input type="text"/></td></tr>
  <tr><td>Foo</td><td><input type="text" size="8"/></td></tr>
  <tr><td>Bar</td><td><input type="text" size="200"/></td></tr>
</table>