Node.js에서 submit 버튼을 Font Awesome으로 만드는 방법

프로그래밍 공부 일기

2020년 9월 21일
Node.js의 ejs 파일로 form로 데이터를 보낼 때 Font Awesome을 사용하려고 할 때 시행 착오했기 때문에 비망록으로 써 둔다.

현재와 목표

현재는 이하와 같이 「삭제」버튼으로 되어 있다.

현재

<form action="/delete/<%= user.id %>/<%= users[0].id %>" method="post">
  <input type="submit" value="削除">
</form>

이를 다음과 같이 Font Awesome을 사용하여 아이콘으로 만들고 싶습니다.

해결 방법

<form action="/delete/<%= user.id %>/<%= users[0].id %>" method="post">
  <button type="submit" class="btn"><i class="fas fa-trash-alt"></i></button>
</form>

개인적으로는 아이콘 주위의 선(버튼의 부분)을 지우고 싶지만, 잘 할 수 없기 때문에 이것이 잘 되면 다시 기사로 하려고 한다.

Reference

이 문제에 관하여(Node.js에서 submit 버튼을 Font Awesome으로 만드는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/mzmz__02/items/6179eb6be25ee71a7e64

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집