MaterializeCssフォーム入力（提出）ボタン

Question

私が問題にどれ情報に、私たちにこの非常に問題に直面し、少し（unconcise）を見つけたので、私はこの質問をしています、ここに行く：

は、どのように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

<script> 
    Waves.attach('.YOUR-Button-Class', ['waves-button', 'waves-float']); 
</script>