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>